@procore/core-react 11.26.0 → 11.26.2

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 (317) hide show
  1. package/dist/Avatar/Avatar.d.ts +1 -1
  2. package/dist/Avatar/Avatar.js +1 -1
  3. package/dist/Avatar/Avatar.js.map +1 -1
  4. package/dist/Avatar/Avatar.styles.js +5 -5
  5. package/dist/AvatarStack/AvatarStack.styles.js +7 -7
  6. package/dist/Badge/Badge.styles.js +2 -2
  7. package/dist/Banner/Banner.js +1 -1
  8. package/dist/Banner/Banner.js.map +1 -1
  9. package/dist/Banner/Banner.styles.js +10 -10
  10. package/dist/Box/Box.styles.js +1 -1
  11. package/dist/Breadcrumbs/Breadcrumbs.js +1 -1
  12. package/dist/Breadcrumbs/Breadcrumbs.js.map +1 -1
  13. package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  14. package/dist/Button/Button.d.ts +1 -1
  15. package/dist/Button/Button.js +1 -1
  16. package/dist/Button/Button.js.map +1 -1
  17. package/dist/Button/Button.styles.js +5 -5
  18. package/dist/Calendar/Calendar.styles.js +8 -8
  19. package/dist/Card/Card.d.ts +1 -1
  20. package/dist/Card/Card.js +1 -1
  21. package/dist/Card/Card.js.map +1 -1
  22. package/dist/Card/Card.styles.js +1 -1
  23. package/dist/Checkbox/Checkbox.d.ts +1 -1
  24. package/dist/Checkbox/Checkbox.js +1 -1
  25. package/dist/Checkbox/Checkbox.js.map +1 -1
  26. package/dist/Checkbox/Checkbox.styles.js +6 -6
  27. package/dist/ContactItem/ContactItem.js +1 -1
  28. package/dist/ContactItem/ContactItem.js.map +1 -1
  29. package/dist/ContactItem/ContactItem.styles.js +5 -5
  30. package/dist/Content/Content.styles.js +2 -2
  31. package/dist/DateInput/DateInput.styles.js +6 -6
  32. package/dist/DateSelect/DateSelect.d.ts +1 -1
  33. package/dist/DateSelect/DateSelect.js +1 -1
  34. package/dist/DateSelect/DateSelect.js.map +1 -1
  35. package/dist/DetailPage/DetailPage.d.ts +1 -1
  36. package/dist/DetailPage/DetailPage.js +1 -1
  37. package/dist/DetailPage/DetailPage.js.map +1 -1
  38. package/dist/DetailPage/DetailPage.styles.js +7 -7
  39. package/dist/Dropdown/Dropdown.js +1 -1
  40. package/dist/Dropdown/Dropdown.js.map +1 -1
  41. package/dist/Dropdown/Dropdown.styles.js +3 -3
  42. package/dist/DropdownFlyout/DropdownFlyout.d.ts +1 -1
  43. package/dist/DropdownFlyout/DropdownFlyout.js +1 -1
  44. package/dist/DropdownFlyout/DropdownFlyout.js.map +1 -1
  45. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  46. package/dist/Dropzone/Dropzone.js +2 -2
  47. package/dist/Dropzone/Dropzone.js.map +1 -1
  48. package/dist/Dropzone/Dropzone.styles.js +9 -9
  49. package/dist/EmptyState/EmptyState.js +1 -1
  50. package/dist/EmptyState/EmptyState.js.map +1 -1
  51. package/dist/EmptyState/EmptyState.styles.js +6 -6
  52. package/dist/Field/Field.styles.js +3 -3
  53. package/dist/FileList/FileList.d.ts +1 -1
  54. package/dist/FileList/FileList.js +1 -1
  55. package/dist/FileList/FileList.js.map +1 -1
  56. package/dist/FileList/FileList.styles.js +4 -4
  57. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  58. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  59. package/dist/FileSelect/FileSelect.styles.js +2 -2
  60. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  61. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  62. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  63. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  64. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  65. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  66. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  67. package/dist/FileToken/FileToken.styles.js +4 -4
  68. package/dist/FilterToken/FilterToken.styles.js +2 -2
  69. package/dist/FlexList/FlexList.styles.js +1 -1
  70. package/dist/Form/Form.styles.js +16 -16
  71. package/dist/Grid/Grid.styles.js +2 -2
  72. package/dist/GroupSelect/GroupSelect.d.ts +1 -1
  73. package/dist/GroupSelect/GroupSelect.js +1 -1
  74. package/dist/GroupSelect/GroupSelect.js.map +1 -1
  75. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  76. package/dist/Input/Input.d.ts +1 -1
  77. package/dist/Input/Input.js +1 -1
  78. package/dist/Input/Input.js.map +1 -1
  79. package/dist/Input/Input.styles.js +1 -1
  80. package/dist/Link/Link.d.ts +1 -1
  81. package/dist/Link/Link.js +1 -1
  82. package/dist/Link/Link.js.map +1 -1
  83. package/dist/Link/Link.styles.js +1 -1
  84. package/dist/ListPage/ListPage.styles.js +8 -8
  85. package/dist/Loader/Loader.styles.js +2 -2
  86. package/dist/Menu/Menu.d.ts +1 -1
  87. package/dist/Menu/Menu.js +1 -1
  88. package/dist/Menu/Menu.js.map +1 -1
  89. package/dist/MenuImperative/MenuImperative.js +1 -1
  90. package/dist/MenuImperative/MenuImperative.js.map +1 -1
  91. package/dist/MenuImperative/MenuImperative.styles.js +10 -10
  92. package/dist/Modal/Modal.js +1 -1
  93. package/dist/Modal/Modal.js.map +1 -1
  94. package/dist/Modal/Modal.styles.js +13 -13
  95. package/dist/MultiSelect/MultiSelect.js +1 -1
  96. package/dist/MultiSelect/MultiSelect.js.map +1 -1
  97. package/dist/MultiSelect/MultiSelect.styles.js +6 -6
  98. package/dist/NextMenu/NextMenu.d.ts +1 -1
  99. package/dist/NextMenu/NextMenu.js +1 -1
  100. package/dist/NextMenu/NextMenu.js.map +1 -1
  101. package/dist/NextMenu/NextMenu.styles.js +3 -3
  102. package/dist/Notation/Notation.d.ts +1 -1
  103. package/dist/Notation/Notation.js +2 -2
  104. package/dist/Notation/Notation.js.map +1 -1
  105. package/dist/NumberInput/NumberInput.d.ts +1 -1
  106. package/dist/NumberInput/NumberInput.js +1 -1
  107. package/dist/NumberInput/NumberInput.js.map +1 -1
  108. package/dist/NumberInput/NumberInput.styles.js +7 -7
  109. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  110. package/dist/Overlay/useOverlay.d.ts +1 -0
  111. package/dist/Overlay/useOverlay.js +2 -0
  112. package/dist/Overlay/useOverlay.js.map +1 -1
  113. package/dist/OverlayTrigger/OverlayTrigger.d.ts +1 -1
  114. package/dist/OverlayTrigger/OverlayTrigger.js +7 -2
  115. package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
  116. package/dist/PageLayout/PageLayout.styles.js +13 -13
  117. package/dist/Pagination/Pagination.d.ts +1 -1
  118. package/dist/Pagination/Pagination.js +1 -1
  119. package/dist/Pagination/Pagination.js.map +1 -1
  120. package/dist/Pagination/Pagination.styles.js +5 -5
  121. package/dist/Panel/Panel.js +1 -1
  122. package/dist/Panel/Panel.js.map +1 -1
  123. package/dist/Panel/Panel.styles.js +11 -11
  124. package/dist/Pill/Pill.d.ts +1 -1
  125. package/dist/Pill/Pill.js +1 -1
  126. package/dist/Pill/Pill.js.map +1 -1
  127. package/dist/Pill/Pill.styles.js +2 -2
  128. package/dist/PillSelect/PillSelect.d.ts +1 -1
  129. package/dist/PillSelect/PillSelect.js +1 -1
  130. package/dist/PillSelect/PillSelect.js.map +1 -1
  131. package/dist/PillSelect/PillSelect.styles.js +4 -4
  132. package/dist/Popover/Popover.d.ts +1 -1
  133. package/dist/Popover/Popover.js +1 -1
  134. package/dist/Popover/Popover.js.map +1 -1
  135. package/dist/Popover/Popover.styles.js +2 -2
  136. package/dist/Portal/Portal.d.ts +1 -1
  137. package/dist/Portal/Portal.js +1 -1
  138. package/dist/Portal/Portal.js.map +1 -1
  139. package/dist/Portal/Portal.styles.js +1 -1
  140. package/dist/ProgressBar/ProgressBar.d.ts +1 -1
  141. package/dist/ProgressBar/ProgressBar.js +1 -1
  142. package/dist/ProgressBar/ProgressBar.js.map +1 -1
  143. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  144. package/dist/RadioButton/RadioButton.d.ts +1 -1
  145. package/dist/RadioButton/RadioButton.js +1 -1
  146. package/dist/RadioButton/RadioButton.js.map +1 -1
  147. package/dist/RadioButton/RadioButton.styles.js +3 -3
  148. package/dist/Required/Required.d.ts +1 -1
  149. package/dist/Required/Required.js +1 -1
  150. package/dist/Required/Required.js.map +1 -1
  151. package/dist/Required/Required.styles.js +3 -3
  152. package/dist/Search/Search.d.ts +1 -1
  153. package/dist/Search/Search.js +1 -1
  154. package/dist/Search/Search.js.map +1 -1
  155. package/dist/Search/Search.styles.js +5 -5
  156. package/dist/Section/Section.styles.js +6 -6
  157. package/dist/SegmentedController/SegmentedController.d.ts +1 -1
  158. package/dist/SegmentedController/SegmentedController.js +1 -1
  159. package/dist/SegmentedController/SegmentedController.js.map +1 -1
  160. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  161. package/dist/Select/Select.js +1 -1
  162. package/dist/Select/Select.js.map +1 -1
  163. package/dist/Select/Select.styles.js +7 -7
  164. package/dist/Semantic/Semantic.styles.js +9 -9
  165. package/dist/Sidebar/Sidebar.styles.js +7 -7
  166. package/dist/Slider/Slider.d.ts +1 -1
  167. package/dist/Slider/Slider.js +1 -1
  168. package/dist/Slider/Slider.js.map +1 -1
  169. package/dist/Slider/Slider.styles.js +5 -5
  170. package/dist/Spinner/Spinner.d.ts +1 -1
  171. package/dist/Spinner/Spinner.js +1 -1
  172. package/dist/Spinner/Spinner.js.map +1 -1
  173. package/dist/Spinner/Spinner.styles.js +7 -7
  174. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  175. package/dist/SuperSelect/SuperSelect.styles.js +37 -37
  176. package/dist/Switch/Switch.d.ts +1 -1
  177. package/dist/Switch/Switch.js +1 -1
  178. package/dist/Switch/Switch.js.map +1 -1
  179. package/dist/Switch/Switch.styles.js +4 -4
  180. package/dist/Table/Table.d.ts +1 -1
  181. package/dist/Table/Table.js +1 -1
  182. package/dist/Table/Table.js.map +1 -1
  183. package/dist/Table/Table.styles.js +28 -28
  184. package/dist/TableShelf/TableShelf.styles.js +5 -5
  185. package/dist/Tabs/Tabs.d.ts +1 -1
  186. package/dist/Tabs/Tabs.js +1 -1
  187. package/dist/Tabs/Tabs.js.map +1 -1
  188. package/dist/Tabs/Tabs.styles.js +8 -8
  189. package/dist/Tearsheet/Tearsheet.d.ts +1 -1
  190. package/dist/Tearsheet/Tearsheet.js +1 -1
  191. package/dist/Tearsheet/Tearsheet.js.map +1 -1
  192. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  193. package/dist/TextArea/TextArea.d.ts +1 -1
  194. package/dist/TextArea/TextArea.js +1 -1
  195. package/dist/TextArea/TextArea.js.map +1 -1
  196. package/dist/TextArea/TextArea.styles.js +1 -1
  197. package/dist/TextEditor/TextEditor.d.ts +1 -1
  198. package/dist/TextEditor/TextEditor.js +1 -1
  199. package/dist/TextEditor/TextEditor.js.map +1 -1
  200. package/dist/TextEditorOutput/TextEditorOutput.d.ts +1 -1
  201. package/dist/TextEditorOutput/TextEditorOutput.js +1 -1
  202. package/dist/TextEditorOutput/TextEditorOutput.js.map +1 -1
  203. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  204. package/dist/Thumbnail/Thumbnail.js +1 -1
  205. package/dist/Thumbnail/Thumbnail.js.map +1 -1
  206. package/dist/Thumbnail/Thumbnail.styles.js +17 -17
  207. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  208. package/dist/TieredSelect/TieredSelect.d.ts +1 -1
  209. package/dist/TieredSelect/TieredSelect.js +1 -1
  210. package/dist/TieredSelect/TieredSelect.js.map +1 -1
  211. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  212. package/dist/Tile/Tile.styles.js +8 -8
  213. package/dist/Title/Title.styles.js +7 -7
  214. package/dist/Toast/Toast.d.ts +1 -1
  215. package/dist/Toast/Toast.js +1 -1
  216. package/dist/Toast/Toast.js.map +1 -1
  217. package/dist/Toast/Toast.styles.js +3 -3
  218. package/dist/ToggleButton/ToggleButton.d.ts +1 -1
  219. package/dist/ToggleButton/ToggleButton.js +1 -1
  220. package/dist/ToggleButton/ToggleButton.js.map +1 -1
  221. package/dist/ToggleButton/ToggleButton.styles.js +1 -1
  222. package/dist/Token/Token.d.ts +1 -1
  223. package/dist/Token/Token.js +1 -1
  224. package/dist/Token/Token.js.map +1 -1
  225. package/dist/Token/Token.styles.js +3 -3
  226. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  227. package/dist/Tooltip/Tooltip.js +1 -1
  228. package/dist/Tooltip/Tooltip.js.map +1 -1
  229. package/dist/Tooltip/Tooltip.styles.js +2 -2
  230. package/dist/Tree/Tree.d.ts +1 -1
  231. package/dist/Tree/Tree.js +1 -1
  232. package/dist/Tree/Tree.js.map +1 -1
  233. package/dist/Tree/Tree.styles.js +9 -9
  234. package/dist/Typeahead/Typeahead.d.ts +1 -1
  235. package/dist/Typeahead/Typeahead.js +1 -1
  236. package/dist/Typeahead/Typeahead.js.map +1 -1
  237. package/dist/Typeahead/Typeahead.styles.js +3 -3
  238. package/dist/Typography/Typography.d.ts +1 -1
  239. package/dist/Typography/Typography.js +1 -1
  240. package/dist/Typography/Typography.js.map +1 -1
  241. package/dist/Typography/Typography.styles.js +1 -1
  242. package/dist/Typography/Typography.table.story.js +2 -2
  243. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  244. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +23 -23
  245. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  246. package/dist/_typedoc/Banner/Banner.types.json +13 -13
  247. package/dist/_typedoc/Box/Box.types.json +68 -68
  248. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  249. package/dist/_typedoc/Button/Button.types.json +11 -11
  250. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  251. package/dist/_typedoc/Card/Card.types.json +6 -6
  252. package/dist/_typedoc/Checkbox/Checkbox.types.json +9 -9
  253. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  254. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  255. package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
  256. package/dist/_typedoc/DetailPage/DetailPage.types.json +4 -4
  257. package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
  258. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +29 -29
  259. package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
  260. package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
  261. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  262. package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
  263. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  264. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  265. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  266. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  267. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  268. package/dist/_typedoc/Form/Form.types.json +726 -726
  269. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  270. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
  271. package/dist/_typedoc/Input/Input.types.json +2 -2
  272. package/dist/_typedoc/Link/Link.types.json +4 -4
  273. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  274. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  275. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
  276. package/dist/_typedoc/Modal/Modal.types.json +41 -41
  277. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
  278. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  279. package/dist/_typedoc/NumberInput/NumberInput.types.json +38 -38
  280. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +31 -31
  281. package/dist/_typedoc/PageLayout/PageLayout.types.json +22 -22
  282. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  283. package/dist/_typedoc/Panel/Panel.types.json +27 -27
  284. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  285. package/dist/_typedoc/PillSelect/PillSelect.types.json +47 -47
  286. package/dist/_typedoc/Popover/Popover.types.json +14 -14
  287. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +6 -6
  288. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  289. package/dist/_typedoc/Required/Required.types.json +5 -5
  290. package/dist/_typedoc/Search/Search.types.json +18 -18
  291. package/dist/_typedoc/Section/Section.types.json +14 -14
  292. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
  293. package/dist/_typedoc/Select/Select.types.json +57 -57
  294. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  295. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  296. package/dist/_typedoc/Switch/Switch.types.json +3 -3
  297. package/dist/_typedoc/Table/Table.types.json +97 -97
  298. package/dist/_typedoc/Tabs/Tabs.types.json +17 -17
  299. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +16 -16
  300. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  301. package/dist/_typedoc/TextEditor/TextEditor.types.json +9 -9
  302. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
  303. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  304. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
  305. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
  306. package/dist/_typedoc/Tile/Tile.types.json +30 -30
  307. package/dist/_typedoc/Title/Title.types.json +1 -1
  308. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  309. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +3 -3
  310. package/dist/_typedoc/Token/Token.types.json +4 -4
  311. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  312. package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
  313. package/dist/_typedoc/Tree/Tree.types.json +86 -86
  314. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  315. package/dist/_typedoc/Typography/Typography.types.json +8 -8
  316. package/dist/_typedoc/_utils/types.json +3 -3
  317. package/package.json +1 -1
@@ -8,7 +8,7 @@ import type { AvatarIconProps, AvatarLabelProps, AvatarPortraitProps, AvatarProp
8
8
 
9
9
  @since 10.19.0
10
10
 
11
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-avatar--demo)
11
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)
12
12
 
13
13
  @see [Design Guidelines](https://design.procore.com/avatar)
14
14
 
@@ -22,7 +22,7 @@ import { StyledAvatarContainer, StyledAvatarOverlay, StyledIconContainer, Styled
22
22
 
23
23
  @since 10.19.0
24
24
 
25
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-avatar--demo)
25
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)
26
26
 
27
27
  @see [Design Guidelines](https://design.procore.com/avatar)
28
28
 
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","names":["useButton","React","addSubcomponents","StyledAvatarContainer","StyledAvatarOverlay","StyledIconContainer","StyledLabelContainer","StyledPortraitContainer","AvatarInner","_ref","ref","_ref3","_ref4","as","clickable","disabled","href","size","children","onBlur","onFocus","rel","role","target","props","_objectWithoutProperties","_excluded","_ref2","onPress","_useButton","_objectSpread","elementType","isDisabled","type","buttonProps","linkDisabled","a11yProps","$clickable","_defineProperty","undefined","createElement","_extends","$disabled","$size","Children","only","Avatar_","forwardRef","NextAvatar_","Icon","_ref5","icon","_excluded2","Label","_ref6","_excluded3","Portrait","_ref7","imageUrl","_excluded4","$imageUrl","displayName","NextAvatar","Avatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button'\nimport React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { DivAttributes } from '../_utils/types'\nimport {\n StyledAvatarContainer,\n StyledAvatarOverlay,\n StyledIconContainer,\n StyledLabelContainer,\n StyledPortraitContainer,\n} from './Avatar.styles'\nimport type {\n AvatarIconProps,\n AvatarLabelProps,\n AvatarPortraitProps,\n AvatarProps,\n AvatarRef,\n AvatarRoles,\n AvatarRoleType,\n BaseAvatarProps,\n} from './Avatar.types'\n\n/**\n\n We use avatars to visually represent our users, places, and things in the app.\n These can be in the form of rich media or representative illustrations.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-avatar--demo)\n\n @see [Design Guidelines](https://design.procore.com/avatar)\n\n @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only\n\n */\nfunction AvatarInner(\n {\n as,\n clickable,\n disabled,\n // @ts-ignore link only\n href,\n size,\n children,\n onBlur,\n onFocus,\n // @ts-ignore link only\n rel,\n // @ts-ignore not on legacy\n role,\n // @ts-ignore link only\n target,\n ...props\n }: AvatarProps<AvatarRoleType>,\n ref: AvatarRef<AvatarRoleType>\n) {\n const { onPress } = props as AvatarProps<'button'>\n\n let { buttonProps } = useButton(\n {\n ...props,\n onBlur: onBlur as (e: React.FocusEvent) => void,\n onFocus: onFocus as (e: React.FocusEvent) => void,\n elementType: (as as any as string) === 'a' ? 'a' : 'div',\n href,\n isDisabled: disabled,\n onPress,\n rel,\n target,\n type: 'button',\n },\n ref as any // TODO fix\n )\n\n const linkDisabled = disabled || (role === 'link' && !href)\n\n const a11yProps =\n role === 'button'\n ? { ...buttonProps, as: as || 'div', $clickable: !disabled }\n : role === 'link'\n ? {\n ['aria-disabled']: linkDisabled ? true : undefined,\n as: as || 'a',\n $clickable: !linkDisabled,\n href: linkDisabled ? undefined : href,\n onBlur,\n onFocus,\n rel,\n role: 'link',\n target,\n }\n : role === 'img'\n ? {\n ['aria-disabled']: disabled ? true : undefined,\n role: 'img',\n onBlur,\n onFocus,\n }\n : { onBlur, onFocus }\n\n return (\n <StyledAvatarContainer\n ref={ref as any}\n $clickable={clickable}\n $disabled={disabled}\n $size={size}\n data-qa=\"core-avatar\"\n {...a11yProps}\n {...(props as any)} // TODO fix\n >\n {React.Children.only(children)}\n <StyledAvatarOverlay aria-hidden />\n </StyledAvatarContainer>\n )\n}\n\nconst Avatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n props:\n | AvatarProps<Role>\n // Legacy\n | (BaseAvatarProps & { ref?: React.ComponentPropsWithRef<'div'>['ref'] })\n) => ReturnType<typeof AvatarInner>\n\nconst NextAvatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n props: AvatarProps<Role>\n) => ReturnType<typeof AvatarInner>\n\nexport const Icon = React.forwardRef<\n HTMLDivElement,\n DivAttributes & AvatarIconProps\n>(function Icon({ icon, ...props }, ref) {\n return (\n <StyledIconContainer ref={ref} {...props}>\n {icon}\n </StyledIconContainer>\n )\n})\n\nexport const Label = React.forwardRef<\n HTMLDivElement,\n DivAttributes & AvatarLabelProps\n>(function Label({ children, ...props }, ref) {\n // Breaking change: Option to make aria-hidden since parent requires a label.\n // Can add in major once labelling is enforced\n return (\n <StyledLabelContainer ref={ref} {...props}>\n {children}\n </StyledLabelContainer>\n )\n})\n\nexport const Portrait = React.forwardRef<\n HTMLDivElement,\n DivAttributes & AvatarPortraitProps\n>(function Portrait({ imageUrl, ...props }, ref) {\n return (\n <StyledPortraitContainer ref={ref} $imageUrl={imageUrl} {...props}>\n <StyledAvatarOverlay />\n </StyledPortraitContainer>\n )\n})\n\n// @ts-ignore\nAvatar_.displayName = 'Avatar'\n\nIcon.displayName = 'Avatar.Icon'\n\nLabel.displayName = 'Avatar.Label'\n\nPortrait.displayName = 'Avatar.Portrait'\n\n// @ts-ignore\nNextAvatar_.displayName = 'Avatar'\n\nexport const NextAvatar = addSubcomponents(\n {\n Icon,\n Label,\n Portrait,\n },\n NextAvatar_\n)\n\nexport const Avatar = addSubcomponents(\n {\n Icon,\n Label,\n Portrait,\n },\n Avatar_\n)\n"],"mappings":"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"}
1
+ {"version":3,"file":"Avatar.js","names":["useButton","React","addSubcomponents","StyledAvatarContainer","StyledAvatarOverlay","StyledIconContainer","StyledLabelContainer","StyledPortraitContainer","AvatarInner","_ref","ref","_ref3","_ref4","as","clickable","disabled","href","size","children","onBlur","onFocus","rel","role","target","props","_objectWithoutProperties","_excluded","_ref2","onPress","_useButton","_objectSpread","elementType","isDisabled","type","buttonProps","linkDisabled","a11yProps","$clickable","_defineProperty","undefined","createElement","_extends","$disabled","$size","Children","only","Avatar_","forwardRef","NextAvatar_","Icon","_ref5","icon","_excluded2","Label","_ref6","_excluded3","Portrait","_ref7","imageUrl","_excluded4","$imageUrl","displayName","NextAvatar","Avatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button'\nimport React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { DivAttributes } from '../_utils/types'\nimport {\n StyledAvatarContainer,\n StyledAvatarOverlay,\n StyledIconContainer,\n StyledLabelContainer,\n StyledPortraitContainer,\n} from './Avatar.styles'\nimport type {\n AvatarIconProps,\n AvatarLabelProps,\n AvatarPortraitProps,\n AvatarProps,\n AvatarRef,\n AvatarRoles,\n AvatarRoleType,\n BaseAvatarProps,\n} from './Avatar.types'\n\n/**\n\n We use avatars to visually represent our users, places, and things in the app.\n These can be in the form of rich media or representative illustrations.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)\n\n @see [Design Guidelines](https://design.procore.com/avatar)\n\n @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only\n\n */\nfunction AvatarInner(\n {\n as,\n clickable,\n disabled,\n // @ts-ignore link only\n href,\n size,\n children,\n onBlur,\n onFocus,\n // @ts-ignore link only\n rel,\n // @ts-ignore not on legacy\n role,\n // @ts-ignore link only\n target,\n ...props\n }: AvatarProps<AvatarRoleType>,\n ref: AvatarRef<AvatarRoleType>\n) {\n const { onPress } = props as AvatarProps<'button'>\n\n let { buttonProps } = useButton(\n {\n ...props,\n onBlur: onBlur as (e: React.FocusEvent) => void,\n onFocus: onFocus as (e: React.FocusEvent) => void,\n elementType: (as as any as string) === 'a' ? 'a' : 'div',\n href,\n isDisabled: disabled,\n onPress,\n rel,\n target,\n type: 'button',\n },\n ref as any // TODO fix\n )\n\n const linkDisabled = disabled || (role === 'link' && !href)\n\n const a11yProps =\n role === 'button'\n ? { ...buttonProps, as: as || 'div', $clickable: !disabled }\n : role === 'link'\n ? {\n ['aria-disabled']: linkDisabled ? true : undefined,\n as: as || 'a',\n $clickable: !linkDisabled,\n href: linkDisabled ? undefined : href,\n onBlur,\n onFocus,\n rel,\n role: 'link',\n target,\n }\n : role === 'img'\n ? {\n ['aria-disabled']: disabled ? true : undefined,\n role: 'img',\n onBlur,\n onFocus,\n }\n : { onBlur, onFocus }\n\n return (\n <StyledAvatarContainer\n ref={ref as any}\n $clickable={clickable}\n $disabled={disabled}\n $size={size}\n data-qa=\"core-avatar\"\n {...a11yProps}\n {...(props as any)} // TODO fix\n >\n {React.Children.only(children)}\n <StyledAvatarOverlay aria-hidden />\n </StyledAvatarContainer>\n )\n}\n\nconst Avatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n props:\n | AvatarProps<Role>\n // Legacy\n | (BaseAvatarProps & { ref?: React.ComponentPropsWithRef<'div'>['ref'] })\n) => ReturnType<typeof AvatarInner>\n\nconst NextAvatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n props: AvatarProps<Role>\n) => ReturnType<typeof AvatarInner>\n\nexport const Icon = React.forwardRef<\n HTMLDivElement,\n DivAttributes & AvatarIconProps\n>(function Icon({ icon, ...props }, ref) {\n return (\n <StyledIconContainer ref={ref} {...props}>\n {icon}\n </StyledIconContainer>\n )\n})\n\nexport const Label = React.forwardRef<\n HTMLDivElement,\n DivAttributes & AvatarLabelProps\n>(function Label({ children, ...props }, ref) {\n // Breaking change: Option to make aria-hidden since parent requires a label.\n // Can add in major once labelling is enforced\n return (\n <StyledLabelContainer ref={ref} {...props}>\n {children}\n </StyledLabelContainer>\n )\n})\n\nexport const Portrait = React.forwardRef<\n HTMLDivElement,\n DivAttributes & AvatarPortraitProps\n>(function Portrait({ imageUrl, ...props }, ref) {\n return (\n <StyledPortraitContainer ref={ref} $imageUrl={imageUrl} {...props}>\n <StyledAvatarOverlay />\n </StyledPortraitContainer>\n )\n})\n\n// @ts-ignore\nAvatar_.displayName = 'Avatar'\n\nIcon.displayName = 'Avatar.Icon'\n\nLabel.displayName = 'Avatar.Label'\n\nPortrait.displayName = 'Avatar.Portrait'\n\n// @ts-ignore\nNextAvatar_.displayName = 'Avatar'\n\nexport const NextAvatar = addSubcomponents(\n {\n Icon,\n Label,\n Portrait,\n },\n NextAvatar_\n)\n\nexport const Avatar = addSubcomponents(\n {\n Icon,\n Label,\n Portrait,\n },\n Avatar_\n)\n"],"mappings":"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"}
@@ -24,26 +24,26 @@ var iconSize = {
24
24
  };
25
25
  export var StyledAvatarOverlay = /*#__PURE__*/styled.div.withConfig({
26
26
  displayName: "StyledAvatarOverlay",
27
- componentId: "core-11_26_0__sc-7q2ydl-0"
27
+ componentId: "core-11_26_2__sc-7q2ydl-0"
28
28
  })(["width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;opacity:0;"]);
29
29
  export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
30
30
  displayName: "StyledIconContainer",
31
- componentId: "core-11_26_0__sc-7q2ydl-1"
31
+ componentId: "core-11_26_2__sc-7q2ydl-1"
32
32
  })(["display:inline-flex;"]);
33
33
  export var StyledLabelContainer = /*#__PURE__*/styled.div.withConfig({
34
34
  displayName: "StyledLabelContainer",
35
- componentId: "core-11_26_0__sc-7q2ydl-2"
35
+ componentId: "core-11_26_2__sc-7q2ydl-2"
36
36
  })(["text-transform:uppercase;"]);
37
37
  export var StyledPortraitContainer = /*#__PURE__*/styled.div.withConfig({
38
38
  displayName: "StyledPortraitContainer",
39
- componentId: "core-11_26_0__sc-7q2ydl-3"
39
+ componentId: "core-11_26_2__sc-7q2ydl-3"
40
40
  })(["background-color:", ";background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;", ""], colors.white, function (_ref) {
41
41
  var $imageUrl = _ref.$imageUrl;
42
42
  return css(["background-image:url(", ");"], $imageUrl);
43
43
  });
44
44
  export var StyledAvatarContainer = /*#__PURE__*/styled.div.withConfig({
45
45
  displayName: "StyledAvatarContainer",
46
- componentId: "core-11_26_0__sc-7q2ydl-4"
46
+ componentId: "core-11_26_2__sc-7q2ydl-4"
47
47
  })(["display:inline-flex;justify-content:center;align-items:center;border-radius:100%;overflow:hidden;position:relative;cursor:default;color:", ";background-color:", ";text-decoration:none;a:has(> &){text-decoration:none;}&:focus{", "}a:focus:has(> &){", " border-radius:100%;}", " ", ";"], colors.white, colors.gray30, getGapOutlineFocus, getGapOutlineFocus, function (_ref2) {
48
48
  var _ref2$$size = _ref2.$size,
49
49
  $size = _ref2$$size === void 0 ? 'md' : _ref2$$size;
@@ -7,32 +7,32 @@ import { spacing } from '../_styles/spacing';
7
7
  var maxModalWidth = 528;
8
8
  var StyledBaseAvatar = /*#__PURE__*/styled(Avatar).withConfig({
9
9
  displayName: "StyledBaseAvatar",
10
- componentId: "core-11_26_0__sc-ft72hu-0"
10
+ componentId: "core-11_26_2__sc-ft72hu-0"
11
11
  })(["border-color:", ";border-style:solid;border-width:1px;&:hover{z-index:1;}&[role='img']:focus{outline:none;}"], colors.white);
12
12
  export var StyledAvatar = /*#__PURE__*/styled(StyledBaseAvatar).withConfig({
13
13
  displayName: "StyledAvatar",
14
- componentId: "core-11_26_0__sc-ft72hu-1"
14
+ componentId: "core-11_26_2__sc-ft72hu-1"
15
15
  })(["background-color:", ";"], function (props) {
16
16
  return colors[props.$color];
17
17
  });
18
18
  export var StyledContactItems = /*#__PURE__*/styled.div.withConfig({
19
19
  displayName: "StyledContactItems",
20
- componentId: "core-11_26_0__sc-ft72hu-2"
20
+ componentId: "core-11_26_2__sc-ft72hu-2"
21
21
  })(["padding-top:", "px;padding-bottom:", "px;padding-left:", "px;"], spacing.sm, spacing.sm, spacing.xs);
22
22
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
23
23
  displayName: "StyledWrapper",
24
- componentId: "core-11_26_0__sc-ft72hu-3"
24
+ componentId: "core-11_26_2__sc-ft72hu-3"
25
25
  })(["display:flex;", " + ", "{margin-left:-", "px;}"], StyledAvatar, StyledAvatar, spacing.sm);
26
26
  export var StyledViewAllWrapper = /*#__PURE__*/styled.div.withConfig({
27
27
  displayName: "StyledViewAllWrapper",
28
- componentId: "core-11_26_0__sc-ft72hu-4"
28
+ componentId: "core-11_26_2__sc-ft72hu-4"
29
29
  })(["display:flex;margin-left:", "px;margin-bottom:", "px;"], spacing.md, spacing.lg);
30
30
  export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
31
31
  displayName: "StyledModalBody",
32
- componentId: "core-11_26_0__sc-ft72hu-5"
32
+ componentId: "core-11_26_2__sc-ft72hu-5"
33
33
  })(["max-width:", "px;"], maxModalWidth);
34
34
  export var StyledContactItem = /*#__PURE__*/styled(ContactItem).withConfig({
35
35
  displayName: "StyledContactItem",
36
- componentId: "core-11_26_0__sc-ft72hu-6"
36
+ componentId: "core-11_26_2__sc-ft72hu-6"
37
37
  })(["flex-shrink:0;"]);
38
38
  //# sourceMappingURL=AvatarStack.styles.js.map
@@ -1,10 +1,10 @@
1
1
  import styled from 'styled-components';
2
2
  export var StyledBadge = /*#__PURE__*/styled.div.withConfig({
3
3
  displayName: "StyledBadge",
4
- componentId: "core-11_26_0__sc-rpertu-0"
4
+ componentId: "core-11_26_2__sc-rpertu-0"
5
5
  })(["display:inline-block;position:relative;"]);
6
6
  export var StyledBadgeLabel = /*#__PURE__*/styled.span.withConfig({
7
7
  displayName: "StyledBadgeLabel",
8
- componentId: "core-11_26_0__sc-rpertu-1"
8
+ componentId: "core-11_26_2__sc-rpertu-1"
9
9
  })(["bottom:100%;position:absolute;right:0;transform:translateX(50%) translateY(50%);"]);
10
10
  //# sourceMappingURL=Badge.styles.js.map
@@ -48,7 +48,7 @@ import { StyledAction, StyledActionsTrigger, StyledBannerContainer, StyledBody,
48
48
 
49
49
  @since 10.19.0
50
50
 
51
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-banner--demo)
51
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-banner--demo)
52
52
 
53
53
  @see [Design Guidelines](https://design.procore.com/banner)
54
54
 
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.js","names":["Check","Clear","EllipsisVertical","Error","Info","Warning","partition","React","Button","Card","Menu","useMenu","OverlayTrigger","useI18nContext","OverflowObserver","addSubcomponents","mergeRefs","StyledAction","StyledActionsTrigger","StyledBannerContainer","StyledBody","StyledContent","StyledExpandableContent","StyledExpandableContentContainer","StyledIconContainer","StyledMiniBannerContainer","StyledTitle","Banner_","forwardRef","Banner","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","_ref2","element","isValidElement","type","ExpandableContent","Children","toArray","_ref3","_slicedToArray","expandableContentNodes","content","isExpandable","length","createElement","_extends","Fragment","justifyContent","alignItems","Content","_ref4","_excluded2","_ref5","_ref5$expanded","expanded","_ref5$expandableConte","expandableContentMaxHeight","_excluded3","containerRef","useRef","_ref6","overflowRef","isOverflowingY","onAnimationEnd","current","tabIndex","Title","_ref7","_excluded4","Body","_ref8","_excluded5","Action","_ref9","_excluded6","DropdownAction","_ref10","_excluded7","Item","item","Actions","_ref11","_excluded8","actionButtons","filter","overlay","node","focus","usingHook","isSelectable","_ref12","Options","map","_ref13","idx","actionButtonProps","key","placement","arrow","icon","Icon","_ref14","_excluded9","Dismiss","_ref15","_excluded10","I18n","t","ErrorBanner","_ref16","_excluded11","size","SuccessBanner","_ref17","_excluded12","InfoBanner","_ref18","_excluded13","AttentionBanner","_ref19","_excluded14","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref20","_ref20$variant","_excluded15","displayName"],"sources":["../../src/Banner/Banner.tsx"],"sourcesContent":["import {\n Check,\n Clear,\n EllipsisVertical,\n Error,\n Info,\n Warning,\n} from '@procore/core-icons/dist'\nimport { partition } from 'ramda'\nimport React from 'react'\nimport { Button } from '../Button/Button'\nimport { Card } from '../Card/Card'\nimport { Menu, useMenu } from '../Menu/Menu'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ButtonAttributes, DivAttributes, Props } from '../_utils/types'\nimport {\n StyledAction,\n StyledActionsTrigger,\n StyledBannerContainer,\n StyledBody,\n StyledContent,\n StyledExpandableContent,\n StyledExpandableContentContainer,\n StyledIconContainer,\n StyledMiniBannerContainer,\n StyledTitle,\n} from './Banner.styles'\nimport type {\n BannerExpandableContentProps,\n BannerIconProps,\n BannerProps,\n BannerVariant,\n} from './Banner.types'\n\n/**\n\n\n We use banners to contextually convey complicated or supplemental information\n to a user. Depending on the type of banner, we can provide more information\n about a feature or page the user is on, an action the user needs to perform,\n or an error the user has encountered.\n\n Procore banners are informative and actionable. Always explain what the user\n needs to know (and in some cases, why they’re seeing the banner), and provide\n an actionable next step.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-banner--demo)\n\n @see [Design Guidelines](https://design.procore.com/banner)\n\n */\nconst Banner_ = React.forwardRef<HTMLDivElement, DivAttributes & BannerProps>(\n function Banner({ children, variant, ...props }, ref) {\n const [expandableContentNodes, content] = partition(\n (element: React.ReactNode) =>\n React.isValidElement(element) && element.type === ExpandableContent,\n React.Children.toArray(children)\n ) as [React.ReactElement[], React.ReactElement[]]\n\n const isExpandable = expandableContentNodes.length !== 0\n\n return (\n <StyledBannerContainer\n ref={ref}\n isExpandable={isExpandable}\n variant={variant}\n {...props}\n >\n {isExpandable ? (\n <>\n <StyledExpandableContentContainer\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n {content}\n </StyledExpandableContentContainer>\n {expandableContentNodes}\n </>\n ) : (\n content\n )}\n </StyledBannerContainer>\n )\n }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Content({ children, ...props }, ref) {\n return (\n <StyledContent {...props} ref={ref}>\n {children}\n </StyledContent>\n )\n }\n)\n\nconst ExpandableContent = React.forwardRef<\n HTMLDivElement,\n DivAttributes & BannerExpandableContentProps\n>(function ExpandableContent(\n { children, expanded = false, expandableContentMaxHeight = 120, ...props },\n ref\n) {\n const containerRef = React.useRef<HTMLDivElement>(null)\n\n return expanded ? (\n <OverflowObserver>\n {({ ref: overflowRef, isOverflowingY }) => (\n <StyledExpandableContent\n ref={mergeRefs(ref, containerRef)}\n data-qa=\"core-banner-expandable-content\"\n onAnimationEnd={() => overflowRef(containerRef.current)}\n isOverflowingY={isOverflowingY}\n expandableContentMaxHeight={expandableContentMaxHeight}\n {...props}\n {...(isOverflowingY && { tabIndex: 0 })}\n >\n {children}\n </StyledExpandableContent>\n )}\n </OverflowObserver>\n ) : null\n})\n\nconst Title = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Title({ children, ...props }, ref) {\n return (\n <StyledTitle {...props} ref={ref}>\n {children}\n </StyledTitle>\n )\n }\n)\n\nconst Body = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Body({ children, ...props }, ref) {\n return (\n <StyledBody {...props} ref={ref}>\n {children}\n </StyledBody>\n )\n }\n)\n\nconst Action = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Action({ children, ...props }, ref) {\n return (\n <StyledAction {...props} ref={ref}>\n {children}\n </StyledAction>\n )\n }\n)\n\nconst DropdownAction = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function DropdownAction({ children, ...props }, ref) {\n return (\n <Menu.Item ref={ref} item={null} {...(props as any)}>\n {children}\n </Menu.Item>\n )\n }\n)\n\nconst Actions = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n function Actions({ children, ...props }, ref) {\n const actionButtons = React.Children.toArray(children).filter(\n (element: React.ReactNode) =>\n React.isValidElement(element) && element.type === Action\n ) as React.ReactElement[]\n\n return (\n <OverlayTrigger\n overlay={\n <Card>\n <Menu\n ref={(node) => node?.focus()}\n usingHook={useMenu({\n isSelectable: ({ type }) => type === DropdownAction,\n })}\n >\n <Menu.Options>\n {actionButtons.map(({ props: actionButtonProps }, idx) => (\n <DropdownAction key={idx} {...actionButtonProps} />\n ))}\n </Menu.Options>\n </Menu>\n </Card>\n }\n ref={ref}\n placement=\"bottom-right\"\n >\n <StyledActionsTrigger\n data-qa=\"core-banner-actions-trigger\"\n variant=\"tertiary\"\n arrow={false}\n icon={<EllipsisVertical />}\n {...props}\n />\n </OverlayTrigger>\n )\n }\n)\n\nconst Icon = React.forwardRef<HTMLDivElement, DivAttributes & BannerIconProps>(\n function Icon({ children, icon, ...props }, ref) {\n return (\n <StyledIconContainer ref={ref} aria-hidden=\"true\" {...props}>\n {icon}\n </StyledIconContainer>\n )\n }\n)\n\nconst Dismiss = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n function Dismiss({ children, ...props }, ref) {\n const I18n = useI18nContext()\n\n return (\n <Button\n aria-label={I18n.t('core.banner.dismissAlert')}\n ref={ref}\n {...props}\n icon={<Clear />}\n variant=\"tertiary\"\n />\n )\n }\n)\n\nexport const ErrorBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function ErrorBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"error\" {...props}>\n <Icon icon={<Error size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\n/**\n * @deprecated Component will be removed in a future version. Instead, please consider using \"success\" variant of Toast component.\n * @deprecatedSince 10.7.0\n */\nexport const SuccessBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function SuccessBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"success\" {...props}>\n <Icon icon={<Check size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\nexport const InfoBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function InfoBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"info\" {...props}>\n <Icon icon={<Info size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\n/**\n * @since 11.26.0\n */\nexport const AttentionBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function AttentionBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"attention\" {...props}>\n <Icon icon={<Warning size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\n/**\n * @deprecated ActionBanner was renamed to AttentionBanner.\n * @deprecatedSince 11.26.0\n */\nexport const ActionBanner = AttentionBanner\n\nexport const UNSAFE_MiniBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props & { variant?: BannerVariant }\n>(function MiniBanner({ children, variant = 'info', ...props }, ref) {\n return (\n <StyledMiniBannerContainer ref={ref} variant={variant} {...props}>\n {children}\n </StyledMiniBannerContainer>\n )\n})\n\nBanner_.displayName = 'Banner'\n\nBody.displayName = 'Banner.Body'\n\nContent.displayName = 'Banner.Content'\n\nExpandableContent.displayName = 'Banner.ExpandableContent'\n\nTitle.displayName = 'Banner.Title'\n\nAction.displayName = 'Banner.Action'\n\nActions.displayName = 'Banner.Actions'\n\nDropdownAction.displayName = 'Banner.DropdownAction'\n\nIcon.displayName = 'Banner.Icon'\n\nDismiss.displayName = 'Banner.Dismiss'\n\nErrorBanner.displayName = 'ErrorBanner'\n\nSuccessBanner.displayName = 'SuccessBanner'\n\nInfoBanner.displayName = 'InfoBanner'\n\nAttentionBanner.displayName = 'AttentionBanner'\n\nActionBanner.displayName = 'ActionBanner'\n\nUNSAFE_MiniBanner.displayName = 'MiniBanner'\n\nexport const Banner = addSubcomponents(\n {\n Body,\n Content,\n ExpandableContent,\n Title,\n Action,\n Actions,\n Icon,\n Dismiss,\n },\n Banner_\n)\n"],"mappings":"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"}
1
+ {"version":3,"file":"Banner.js","names":["Check","Clear","EllipsisVertical","Error","Info","Warning","partition","React","Button","Card","Menu","useMenu","OverlayTrigger","useI18nContext","OverflowObserver","addSubcomponents","mergeRefs","StyledAction","StyledActionsTrigger","StyledBannerContainer","StyledBody","StyledContent","StyledExpandableContent","StyledExpandableContentContainer","StyledIconContainer","StyledMiniBannerContainer","StyledTitle","Banner_","forwardRef","Banner","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","_ref2","element","isValidElement","type","ExpandableContent","Children","toArray","_ref3","_slicedToArray","expandableContentNodes","content","isExpandable","length","createElement","_extends","Fragment","justifyContent","alignItems","Content","_ref4","_excluded2","_ref5","_ref5$expanded","expanded","_ref5$expandableConte","expandableContentMaxHeight","_excluded3","containerRef","useRef","_ref6","overflowRef","isOverflowingY","onAnimationEnd","current","tabIndex","Title","_ref7","_excluded4","Body","_ref8","_excluded5","Action","_ref9","_excluded6","DropdownAction","_ref10","_excluded7","Item","item","Actions","_ref11","_excluded8","actionButtons","filter","overlay","node","focus","usingHook","isSelectable","_ref12","Options","map","_ref13","idx","actionButtonProps","key","placement","arrow","icon","Icon","_ref14","_excluded9","Dismiss","_ref15","_excluded10","I18n","t","ErrorBanner","_ref16","_excluded11","size","SuccessBanner","_ref17","_excluded12","InfoBanner","_ref18","_excluded13","AttentionBanner","_ref19","_excluded14","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref20","_ref20$variant","_excluded15","displayName"],"sources":["../../src/Banner/Banner.tsx"],"sourcesContent":["import {\n Check,\n Clear,\n EllipsisVertical,\n Error,\n Info,\n Warning,\n} from '@procore/core-icons/dist'\nimport { partition } from 'ramda'\nimport React from 'react'\nimport { Button } from '../Button/Button'\nimport { Card } from '../Card/Card'\nimport { Menu, useMenu } from '../Menu/Menu'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ButtonAttributes, DivAttributes, Props } from '../_utils/types'\nimport {\n StyledAction,\n StyledActionsTrigger,\n StyledBannerContainer,\n StyledBody,\n StyledContent,\n StyledExpandableContent,\n StyledExpandableContentContainer,\n StyledIconContainer,\n StyledMiniBannerContainer,\n StyledTitle,\n} from './Banner.styles'\nimport type {\n BannerExpandableContentProps,\n BannerIconProps,\n BannerProps,\n BannerVariant,\n} from './Banner.types'\n\n/**\n\n\n We use banners to contextually convey complicated or supplemental information\n to a user. Depending on the type of banner, we can provide more information\n about a feature or page the user is on, an action the user needs to perform,\n or an error the user has encountered.\n\n Procore banners are informative and actionable. Always explain what the user\n needs to know (and in some cases, why they’re seeing the banner), and provide\n an actionable next step.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-banner--demo)\n\n @see [Design Guidelines](https://design.procore.com/banner)\n\n */\nconst Banner_ = React.forwardRef<HTMLDivElement, DivAttributes & BannerProps>(\n function Banner({ children, variant, ...props }, ref) {\n const [expandableContentNodes, content] = partition(\n (element: React.ReactNode) =>\n React.isValidElement(element) && element.type === ExpandableContent,\n React.Children.toArray(children)\n ) as [React.ReactElement[], React.ReactElement[]]\n\n const isExpandable = expandableContentNodes.length !== 0\n\n return (\n <StyledBannerContainer\n ref={ref}\n isExpandable={isExpandable}\n variant={variant}\n {...props}\n >\n {isExpandable ? (\n <>\n <StyledExpandableContentContainer\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n {content}\n </StyledExpandableContentContainer>\n {expandableContentNodes}\n </>\n ) : (\n content\n )}\n </StyledBannerContainer>\n )\n }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Content({ children, ...props }, ref) {\n return (\n <StyledContent {...props} ref={ref}>\n {children}\n </StyledContent>\n )\n }\n)\n\nconst ExpandableContent = React.forwardRef<\n HTMLDivElement,\n DivAttributes & BannerExpandableContentProps\n>(function ExpandableContent(\n { children, expanded = false, expandableContentMaxHeight = 120, ...props },\n ref\n) {\n const containerRef = React.useRef<HTMLDivElement>(null)\n\n return expanded ? (\n <OverflowObserver>\n {({ ref: overflowRef, isOverflowingY }) => (\n <StyledExpandableContent\n ref={mergeRefs(ref, containerRef)}\n data-qa=\"core-banner-expandable-content\"\n onAnimationEnd={() => overflowRef(containerRef.current)}\n isOverflowingY={isOverflowingY}\n expandableContentMaxHeight={expandableContentMaxHeight}\n {...props}\n {...(isOverflowingY && { tabIndex: 0 })}\n >\n {children}\n </StyledExpandableContent>\n )}\n </OverflowObserver>\n ) : null\n})\n\nconst Title = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Title({ children, ...props }, ref) {\n return (\n <StyledTitle {...props} ref={ref}>\n {children}\n </StyledTitle>\n )\n }\n)\n\nconst Body = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Body({ children, ...props }, ref) {\n return (\n <StyledBody {...props} ref={ref}>\n {children}\n </StyledBody>\n )\n }\n)\n\nconst Action = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Action({ children, ...props }, ref) {\n return (\n <StyledAction {...props} ref={ref}>\n {children}\n </StyledAction>\n )\n }\n)\n\nconst DropdownAction = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function DropdownAction({ children, ...props }, ref) {\n return (\n <Menu.Item ref={ref} item={null} {...(props as any)}>\n {children}\n </Menu.Item>\n )\n }\n)\n\nconst Actions = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n function Actions({ children, ...props }, ref) {\n const actionButtons = React.Children.toArray(children).filter(\n (element: React.ReactNode) =>\n React.isValidElement(element) && element.type === Action\n ) as React.ReactElement[]\n\n return (\n <OverlayTrigger\n overlay={\n <Card>\n <Menu\n ref={(node) => node?.focus()}\n usingHook={useMenu({\n isSelectable: ({ type }) => type === DropdownAction,\n })}\n >\n <Menu.Options>\n {actionButtons.map(({ props: actionButtonProps }, idx) => (\n <DropdownAction key={idx} {...actionButtonProps} />\n ))}\n </Menu.Options>\n </Menu>\n </Card>\n }\n ref={ref}\n placement=\"bottom-right\"\n >\n <StyledActionsTrigger\n data-qa=\"core-banner-actions-trigger\"\n variant=\"tertiary\"\n arrow={false}\n icon={<EllipsisVertical />}\n {...props}\n />\n </OverlayTrigger>\n )\n }\n)\n\nconst Icon = React.forwardRef<HTMLDivElement, DivAttributes & BannerIconProps>(\n function Icon({ children, icon, ...props }, ref) {\n return (\n <StyledIconContainer ref={ref} aria-hidden=\"true\" {...props}>\n {icon}\n </StyledIconContainer>\n )\n }\n)\n\nconst Dismiss = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n function Dismiss({ children, ...props }, ref) {\n const I18n = useI18nContext()\n\n return (\n <Button\n aria-label={I18n.t('core.banner.dismissAlert')}\n ref={ref}\n {...props}\n icon={<Clear />}\n variant=\"tertiary\"\n />\n )\n }\n)\n\nexport const ErrorBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function ErrorBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"error\" {...props}>\n <Icon icon={<Error size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\n/**\n * @deprecated Component will be removed in a future version. Instead, please consider using \"success\" variant of Toast component.\n * @deprecatedSince 10.7.0\n */\nexport const SuccessBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function SuccessBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"success\" {...props}>\n <Icon icon={<Check size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\nexport const InfoBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function InfoBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"info\" {...props}>\n <Icon icon={<Info size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\n/**\n * @since 11.26.0\n */\nexport const AttentionBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function AttentionBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"attention\" {...props}>\n <Icon icon={<Warning size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\n/**\n * @deprecated ActionBanner was renamed to AttentionBanner.\n * @deprecatedSince 11.26.0\n */\nexport const ActionBanner = AttentionBanner\n\nexport const UNSAFE_MiniBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props & { variant?: BannerVariant }\n>(function MiniBanner({ children, variant = 'info', ...props }, ref) {\n return (\n <StyledMiniBannerContainer ref={ref} variant={variant} {...props}>\n {children}\n </StyledMiniBannerContainer>\n )\n})\n\nBanner_.displayName = 'Banner'\n\nBody.displayName = 'Banner.Body'\n\nContent.displayName = 'Banner.Content'\n\nExpandableContent.displayName = 'Banner.ExpandableContent'\n\nTitle.displayName = 'Banner.Title'\n\nAction.displayName = 'Banner.Action'\n\nActions.displayName = 'Banner.Actions'\n\nDropdownAction.displayName = 'Banner.DropdownAction'\n\nIcon.displayName = 'Banner.Icon'\n\nDismiss.displayName = 'Banner.Dismiss'\n\nErrorBanner.displayName = 'ErrorBanner'\n\nSuccessBanner.displayName = 'SuccessBanner'\n\nInfoBanner.displayName = 'InfoBanner'\n\nAttentionBanner.displayName = 'AttentionBanner'\n\nActionBanner.displayName = 'ActionBanner'\n\nUNSAFE_MiniBanner.displayName = 'MiniBanner'\n\nexport const Banner = addSubcomponents(\n {\n Body,\n Content,\n ExpandableContent,\n Title,\n Action,\n Actions,\n Icon,\n Dismiss,\n },\n Banner_\n)\n"],"mappings":"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"}
@@ -49,7 +49,7 @@ var expandContent = function expandContent(maxHeight) {
49
49
  };
50
50
  export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
51
51
  displayName: "StyledBannerContainer",
52
- componentId: "core-11_26_0__sc-149wm7c-0"
52
+ componentId: "core-11_26_2__sc-149wm7c-0"
53
53
  })(["align-items:center;border-left:", "px solid;border-radius:", "px;color:", ";display:flex;justify-content:space-between;min-height:52px;padding:0 ", "px;", " ", " ", ""], bannerLeft, borderRadius.md, colors.gray15, spacing.lg, bannerShadow, function (_ref) {
54
54
  var variant = _ref.variant;
55
55
  var _bannerVariantColors$ = bannerVariantColors[variant],
@@ -62,15 +62,15 @@ export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
62
62
  });
63
63
  export var StyledContent = /*#__PURE__*/styled.div.withConfig({
64
64
  displayName: "StyledContent",
65
- componentId: "core-11_26_0__sc-149wm7c-1"
65
+ componentId: "core-11_26_2__sc-149wm7c-1"
66
66
  })(["align-self:center;margin:", "px ", "px;width:100%;"], spacing.sm, spacing.lg);
67
67
  export var StyledExpandableContentContainer = /*#__PURE__*/styled(Flex).withConfig({
68
68
  displayName: "StyledExpandableContentContainer",
69
- componentId: "core-11_26_0__sc-149wm7c-2"
69
+ componentId: "core-11_26_2__sc-149wm7c-2"
70
70
  })(["color:", ";min-height:52px;padding:0 ", "px;position:relative;z-index:1;", ""], colors.gray15, spacing.lg, bannerShadow);
71
71
  export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
72
72
  displayName: "StyledExpandableContent",
73
- componentId: "core-11_26_0__sc-149wm7c-3"
73
+ componentId: "core-11_26_2__sc-149wm7c-3"
74
74
  })(["animation-duration:450ms;animation-fill-mode:forwards;animation-timing-function:ease-out;background-color:", ";box-sizing:border-box;font-size:14px;font-weight:500;letter-spacing:0.25px;line-height:20px;overflow-y:auto;padding:0 ", "px;position:relative;z-index:0;", " ", ""], colors.white, spacing.xl * 2 + spacing.sm, function (_ref3) {
75
75
  var isOverflowingY = _ref3.isOverflowingY;
76
76
  return isOverflowingY && focusable;
@@ -80,23 +80,23 @@ export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
80
80
  });
81
81
  export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
82
82
  displayName: "StyledTitle",
83
- componentId: "core-11_26_0__sc-149wm7c-4"
83
+ componentId: "core-11_26_2__sc-149wm7c-4"
84
84
  })(["", " color:", ";font-weight:", ";"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
85
85
  export var StyledBody = /*#__PURE__*/styled.div.withConfig({
86
86
  displayName: "StyledBody",
87
- componentId: "core-11_26_0__sc-149wm7c-5"
87
+ componentId: "core-11_26_2__sc-149wm7c-5"
88
88
  })(["", " color:", ";"], getTypographyIntent('body'), colors.gray15);
89
89
  export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
90
90
  displayName: "StyledIconContainer",
91
- componentId: "core-11_26_0__sc-149wm7c-6"
91
+ componentId: "core-11_26_2__sc-149wm7c-6"
92
92
  })(["flex:0 0 auto;margin:", "px 0;"], spacing.lg);
93
93
  export var StyledActionsTrigger = /*#__PURE__*/styled(DropdownButton).withConfig({
94
94
  displayName: "StyledActionsTrigger",
95
- componentId: "core-11_26_0__sc-149wm7c-7"
95
+ componentId: "core-11_26_2__sc-149wm7c-7"
96
96
  })(["flex-shrink:0;& + ", "{margin-left:", "px;}"], StyledButton, spacing.sm);
97
97
  export var StyledAction = /*#__PURE__*/styled.div.withConfig({
98
98
  displayName: "StyledAction",
99
- componentId: "core-11_26_0__sc-149wm7c-8"
99
+ componentId: "core-11_26_2__sc-149wm7c-8"
100
100
  })(["margin:", "px 0;& + ", ",& + ", "{margin-left:", "px;}", "{background:rgba(0,0,0,0.05);color:", ";&:hover{background:", ";color:", ";}}"], spacing.sm, StyledButton, StyledActionsTrigger, spacing.sm, StyledButton, colors.gray15, colors.gray85, colors.gray15);
101
101
  function getMiniBannerIconColor(_ref5) {
102
102
  var variant = _ref5.variant;
@@ -104,6 +104,6 @@ function getMiniBannerIconColor(_ref5) {
104
104
  }
105
105
  export var StyledMiniBannerContainer = /*#__PURE__*/styled.div.withConfig({
106
106
  displayName: "StyledMiniBannerContainer",
107
- componentId: "core-11_26_0__sc-149wm7c-9"
107
+ componentId: "core-11_26_2__sc-149wm7c-9"
108
108
  })(["align-items:center;background-color:", ";display:flex;justify-content:space-between;padding:0 ", "px;", " ", " & ", "{margin:", "px;}"], colors.gray96, spacing.md, getTypographyIntent('small'), getMiniBannerIconColor, StyledContent, spacing.sm);
109
109
  //# sourceMappingURL=Banner.styles.js.map
@@ -21,7 +21,7 @@ function sizeToPx(size) {
21
21
  }
22
22
  export var StyledBox = /*#__PURE__*/styled.div.withConfig({
23
23
  displayName: "StyledBox",
24
- componentId: "core-11_26_0__sc-fgsy0p-0"
24
+ componentId: "core-11_26_2__sc-fgsy0p-0"
25
25
  })(["", " ", ""], function (_ref) {
26
26
  var $as = _ref.$as;
27
27
  if ($as === 'ol' || $as === 'ul') {
@@ -26,7 +26,7 @@ var separator = /*#__PURE__*/React.createElement(StyledSeparator, {
26
26
 
27
27
  @since 10.19.0
28
28
 
29
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-breadcrumbs--demo)
29
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-breadcrumbs--demo)
30
30
 
31
31
  @see [Design Guidelines](https://design.procore.com/breadcrumb)
32
32
 
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.js","names":["ChevronRight","React","useI18nContext","addSubcomponents","StyledContainer","StyledCrumb","StyledList","StyledSeparator","BreadcrumbVariants","separator","createElement","Breadcrumbs_","forwardRef","Breadcrumbs","_ref","ref","children","_ref$variant","variant","LEGACY","props","_objectWithoutProperties","_excluded","i18n","childrenArray","Children","toArray","isLegacy","navigationList","filter","child","map","i","isLast","length","aria","active","undefined","cloneProps","_objectSpread","Fragment","key","concat","cloneElement","_extends","t","Crumb","_ref2","_ref2$variant","_excluded2","childrenWithAriaAttrs","isValidElement","showSeparator","hasOwnProperty","as","displayName"],"sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { ChevronRight } from '@procore/core-icons'\nimport type { ForwardedRef } from 'react'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type {\n DivAttributes,\n LiAttributes,\n NavAttributes,\n} from '../_utils/types'\nimport {\n StyledContainer,\n StyledCrumb,\n StyledList,\n StyledSeparator,\n} from './Breadcrumbs.styles'\nimport type { BreadcrumbCrumbProps, BreadcrumbProps } from './Breadcrumbs.types'\nimport { BreadcrumbVariants } from './Breadcrumbs.types'\n\nconst separator = (\n <StyledSeparator aria-hidden={true}>\n <ChevronRight />\n </StyledSeparator>\n)\n\n/**\n\n We use breadcrumbs to provide navigational information to the user on every\n tool’s child page in Procore.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-breadcrumbs--demo)\n\n @see [Design Guidelines](https://design.procore.com/breadcrumb)\n\n */\nconst Breadcrumbs_ = React.forwardRef<\n HTMLElement,\n NavAttributes & BreadcrumbProps\n>(function Breadcrumbs(\n { children, variant = BreadcrumbVariants.LEGACY, ...props },\n ref\n) {\n const i18n = useI18nContext()\n const childrenArray = React.Children.toArray(children)\n const isLegacy = variant === BreadcrumbVariants.LEGACY\n\n const navigationList = childrenArray\n .filter((child) => child)\n .map((child, i) => {\n const isLast = i === childrenArray.length - 1\n const aria = {\n 'aria-current': (child as React.ReactElement).props.active || undefined,\n }\n const cloneProps = isLegacy\n ? aria\n : {\n ...aria,\n isLast,\n variant,\n }\n\n return (\n <React.Fragment key={`separator-${i}`}>\n {React.cloneElement(child as React.ReactElement, cloneProps)}\n {isLegacy && !isLast ? separator : <></>}\n </React.Fragment>\n )\n })\n return (\n <StyledContainer\n aria-label={i18n.t('core.breadcrumbs.label')}\n {...props}\n ref={ref}\n >\n {!isLegacy ? <StyledList>{navigationList}</StyledList> : navigationList}\n </StyledContainer>\n )\n})\n\ntype NavCrumbProps = LiAttributes & BreadcrumbCrumbProps\ntype LegacyCrumbProps = DivAttributes & BreadcrumbCrumbProps\n\nexport const Crumb = React.forwardRef<\n HTMLLIElement | HTMLDivElement,\n NavCrumbProps | LegacyCrumbProps\n>(function Crumb({ variant = BreadcrumbVariants.LEGACY, ...props }, ref) {\n const childrenWithAriaAttrs = React.Children.toArray(props.children)\n .filter((child) => child)\n .map((child) => {\n if (React.isValidElement<{ 'aria-current'?: boolean }>(child)) {\n return React.cloneElement(child, {\n 'aria-current': props.active || undefined,\n })\n } else {\n return child\n }\n })\n const isLegacy = variant === BreadcrumbVariants.LEGACY\n const showSeparator =\n !isLegacy && props.hasOwnProperty('isLast') && !props.isLast\n return (\n <StyledCrumb\n as={isLegacy ? 'div' : 'li'}\n {...(props as NavCrumbProps)}\n ref={ref as ForwardedRef<HTMLLIElement>}\n >\n {childrenWithAriaAttrs}\n {showSeparator ? separator : <></>}\n </StyledCrumb>\n )\n})\n\nBreadcrumbs_.displayName = 'Breadcrumbs'\n\nCrumb.displayName = 'Breadcrumbs.Crumb'\n\nexport const Breadcrumbs = addSubcomponents(\n {\n Crumb,\n },\n Breadcrumbs_\n)\n"],"mappings":"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"}
1
+ {"version":3,"file":"Breadcrumbs.js","names":["ChevronRight","React","useI18nContext","addSubcomponents","StyledContainer","StyledCrumb","StyledList","StyledSeparator","BreadcrumbVariants","separator","createElement","Breadcrumbs_","forwardRef","Breadcrumbs","_ref","ref","children","_ref$variant","variant","LEGACY","props","_objectWithoutProperties","_excluded","i18n","childrenArray","Children","toArray","isLegacy","navigationList","filter","child","map","i","isLast","length","aria","active","undefined","cloneProps","_objectSpread","Fragment","key","concat","cloneElement","_extends","t","Crumb","_ref2","_ref2$variant","_excluded2","childrenWithAriaAttrs","isValidElement","showSeparator","hasOwnProperty","as","displayName"],"sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { ChevronRight } from '@procore/core-icons'\nimport type { ForwardedRef } from 'react'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type {\n DivAttributes,\n LiAttributes,\n NavAttributes,\n} from '../_utils/types'\nimport {\n StyledContainer,\n StyledCrumb,\n StyledList,\n StyledSeparator,\n} from './Breadcrumbs.styles'\nimport type { BreadcrumbCrumbProps, BreadcrumbProps } from './Breadcrumbs.types'\nimport { BreadcrumbVariants } from './Breadcrumbs.types'\n\nconst separator = (\n <StyledSeparator aria-hidden={true}>\n <ChevronRight />\n </StyledSeparator>\n)\n\n/**\n\n We use breadcrumbs to provide navigational information to the user on every\n tool’s child page in Procore.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-breadcrumbs--demo)\n\n @see [Design Guidelines](https://design.procore.com/breadcrumb)\n\n */\nconst Breadcrumbs_ = React.forwardRef<\n HTMLElement,\n NavAttributes & BreadcrumbProps\n>(function Breadcrumbs(\n { children, variant = BreadcrumbVariants.LEGACY, ...props },\n ref\n) {\n const i18n = useI18nContext()\n const childrenArray = React.Children.toArray(children)\n const isLegacy = variant === BreadcrumbVariants.LEGACY\n\n const navigationList = childrenArray\n .filter((child) => child)\n .map((child, i) => {\n const isLast = i === childrenArray.length - 1\n const aria = {\n 'aria-current': (child as React.ReactElement).props.active || undefined,\n }\n const cloneProps = isLegacy\n ? aria\n : {\n ...aria,\n isLast,\n variant,\n }\n\n return (\n <React.Fragment key={`separator-${i}`}>\n {React.cloneElement(child as React.ReactElement, cloneProps)}\n {isLegacy && !isLast ? separator : <></>}\n </React.Fragment>\n )\n })\n return (\n <StyledContainer\n aria-label={i18n.t('core.breadcrumbs.label')}\n {...props}\n ref={ref}\n >\n {!isLegacy ? <StyledList>{navigationList}</StyledList> : navigationList}\n </StyledContainer>\n )\n})\n\ntype NavCrumbProps = LiAttributes & BreadcrumbCrumbProps\ntype LegacyCrumbProps = DivAttributes & BreadcrumbCrumbProps\n\nexport const Crumb = React.forwardRef<\n HTMLLIElement | HTMLDivElement,\n NavCrumbProps | LegacyCrumbProps\n>(function Crumb({ variant = BreadcrumbVariants.LEGACY, ...props }, ref) {\n const childrenWithAriaAttrs = React.Children.toArray(props.children)\n .filter((child) => child)\n .map((child) => {\n if (React.isValidElement<{ 'aria-current'?: boolean }>(child)) {\n return React.cloneElement(child, {\n 'aria-current': props.active || undefined,\n })\n } else {\n return child\n }\n })\n const isLegacy = variant === BreadcrumbVariants.LEGACY\n const showSeparator =\n !isLegacy && props.hasOwnProperty('isLast') && !props.isLast\n return (\n <StyledCrumb\n as={isLegacy ? 'div' : 'li'}\n {...(props as NavCrumbProps)}\n ref={ref as ForwardedRef<HTMLLIElement>}\n >\n {childrenWithAriaAttrs}\n {showSeparator ? separator : <></>}\n </StyledCrumb>\n )\n})\n\nBreadcrumbs_.displayName = 'Breadcrumbs'\n\nCrumb.displayName = 'Breadcrumbs.Crumb'\n\nexport const Breadcrumbs = addSubcomponents(\n {\n Crumb,\n },\n Breadcrumbs_\n)\n"],"mappings":"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"}
@@ -4,19 +4,19 @@ import { colors } from '../_styles/colors';
4
4
  import { spacing } from '../_styles/spacing';
5
5
  export var StyledContainer = /*#__PURE__*/styled.nav.withConfig({
6
6
  displayName: "StyledContainer",
7
- componentId: "core-11_26_0__sc-1q6nqfz-0"
7
+ componentId: "core-11_26_2__sc-1q6nqfz-0"
8
8
  })(["color:", ";display:flex;align-items:center;a,a:hover{display:inline-flex;text-decoration:none;}"], colors.gray50);
9
9
  export var StyledList = /*#__PURE__*/styled.ol.withConfig({
10
10
  displayName: "StyledList",
11
- componentId: "core-11_26_0__sc-1q6nqfz-1"
11
+ componentId: "core-11_26_2__sc-1q6nqfz-1"
12
12
  })(["display:flex;margin:0;padding-left:0;"]);
13
13
  export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
14
14
  displayName: "StyledSeparator",
15
- componentId: "core-11_26_0__sc-1q6nqfz-2"
15
+ componentId: "core-11_26_2__sc-1q6nqfz-2"
16
16
  })(["align-items:center;display:inline-flex;justify-content:center;margin:0px ", "px;"], spacing.xs);
17
17
  export var StyledCrumb = /*#__PURE__*/styled.li.withConfig({
18
18
  displayName: "StyledCrumb",
19
- componentId: "core-11_26_0__sc-1q6nqfz-3"
19
+ componentId: "core-11_26_2__sc-1q6nqfz-3"
20
20
  })(["", " align-items:center;color:", ";display:inline-flex;min-height:24px;text-decoration:none;&:hover{cursor:", ";text-decoration:", ";}> a{color:", ";", "}", ""], getTypographyIntent('body'), colors.gray45, function (_ref) {
21
21
  var active = _ref.active;
22
22
  return active ? 'default' : 'pointer';
@@ -7,7 +7,7 @@ import type { ButtonProps, LinkButtonProps } from './Button.types';
7
7
 
8
8
  @since 10.19.0
9
9
 
10
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-button--demo)
10
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-button--demo)
11
11
 
12
12
  @see [Design Guidelines](https://design.procore.com/button)
13
13
 
@@ -32,7 +32,7 @@ var ButtonContent = function ButtonContent(_ref) {
32
32
 
33
33
  @since 10.19.0
34
34
 
35
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-button--demo)
35
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-button--demo)
36
36
 
37
37
  @see [Design Guidelines](https://design.procore.com/button)
38
38
 
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["React","useEventListener","mergeRefs","StyledButton","StyledContent","StyledLabel","StyledLinkButton","StyledSpinner","ButtonContent","_ref","children","icon","iconRight","size","variant","createElement","Fragment","isValidElement","cloneElement","_defineProperty","Children","map","child","color","Button","forwardRef","_ref2","ref","_ref2$block","block","_ref2$disabled","disabled","_ref2$loading","loading","_ref2$size","_ref2$type","type","_ref2$variant","props","_objectWithoutProperties","_excluded","_extends","undefined","tabIndex","$block","$loading","$size","$variant","LinkButton","_ref3","_ref3$block","disabled_","href_","href","_ref3$size","_ref3$variant","_excluded2","innerRef","useRef","mimicButtonRole","e","key","indexOf","_innerRef$current","preventDefault","current","click","event","handler","scope","role","$disabled"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import type { FunctionComponent, PropsWithChildren } from 'react'\nimport React from 'react'\nimport { useEventListener } from '../_hooks/EventListener'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport {\n StyledButton,\n StyledContent,\n StyledLabel,\n StyledLinkButton,\n StyledSpinner,\n} from './Button.styles'\nimport type { ButtonProps, LinkButtonProps } from './Button.types'\n\nconst ButtonContent: FunctionComponent<\n PropsWithChildren<\n Pick<ButtonProps, 'icon' | 'iconRight' | 'size' | 'variant'>\n >\n> = ({ children, icon, iconRight, size, variant }) => {\n return (\n <>\n <StyledContent>\n {React.isValidElement<{ ['data-icon-prop']: string }>(icon)\n ? React.cloneElement(icon, { ['data-icon-prop']: 'true' })\n : null}\n {React.Children.map(children, (child) => {\n return <StyledLabel>{child}</StyledLabel>\n })}\n {React.isValidElement<{ ['data-icon-prop']: string }>(iconRight)\n ? React.cloneElement(iconRight, { ['data-icon-prop']: 'true' })\n : null}\n </StyledContent>\n <StyledSpinner\n size={size === 'lg' ? 'md' : 'sm'}\n color={variant === 'primary' ? 'white' : 'gray15'}\n />\n </>\n )\n}\n\n/**\n\n We use buttons to link to other pages or to trigger an action.\n Buttons clearly define what happens when a user clicks it.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-button--demo)\n\n @see [Design Guidelines](https://design.procore.com/button)\n\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n function Button(\n {\n block = false,\n children,\n disabled = false,\n icon,\n iconRight,\n loading = false,\n size = 'md',\n type = 'button',\n variant = 'primary',\n ...props\n },\n ref\n ) {\n return (\n <StyledButton\n aria-busy={loading || undefined}\n data-a11y-skip={variant === 'primary' ? 'color-contrast' : undefined}\n tabIndex={0}\n {...props}\n $block={block}\n disabled={disabled || loading}\n $loading={loading}\n $size={size}\n $variant={variant}\n type={type}\n ref={ref}\n >\n <ButtonContent\n icon={icon}\n iconRight={iconRight}\n size={size}\n variant={variant}\n >\n {children}\n </ButtonContent>\n </StyledButton>\n )\n }\n)\n\nexport const LinkButton = React.forwardRef<HTMLAnchorElement, LinkButtonProps>(\n function LinkButton(\n {\n block = false,\n children,\n disabled: disabled_,\n href: href_,\n icon,\n iconRight,\n size = 'md',\n variant = 'primary',\n ...props\n },\n ref\n ) {\n const innerRef = React.useRef<HTMLAnchorElement>(null)\n\n const mimicButtonRole = (e: React.KeyboardEvent<HTMLAnchorElement>) => {\n const { key } = e\n\n if (['Enter', 'Spacebar', ' '].indexOf(key) >= 0) {\n // Prevents the page to scroll when \"space\" is pressed\n e.preventDefault()\n innerRef.current?.click()\n }\n }\n\n useEventListener({\n event: 'keydown',\n handler: mimicButtonRole,\n scope: innerRef,\n })\n\n const disabled = disabled_ || !href_\n const href = disabled ? undefined : href_\n\n return (\n <StyledLinkButton\n data-a11y-skip={variant === 'primary' ? 'color-contrast' : undefined}\n {...props}\n role=\"button\"\n aria-disabled={disabled}\n href={href}\n $disabled={disabled}\n $block={block}\n $size={size}\n $variant={variant}\n ref={mergeRefs(ref, innerRef)}\n >\n <ButtonContent\n icon={icon}\n iconRight={iconRight}\n size={size}\n variant={variant}\n >\n {children}\n </ButtonContent>\n </StyledLinkButton>\n )\n }\n)\n"],"mappings":";;;;;;;;;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,yBAAyB;AAC1D,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SACEC,YAAY,EACZC,aAAa,EACbC,WAAW,EACXC,gBAAgB,EAChBC,aAAa,QACR,iBAAiB;AAGxB,IAAMC,aAIL,GAAG,SAJEA,aAILA,CAAAC,IAAA,EAAqD;EAAA,IAA/CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;EAC7C,oBACEd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACEhB,KAAA,CAAAe,aAAA,CAACX,aAAa,QACX,aAAAJ,KAAK,CAACiB,cAAc,CAAiCN,IAAI,CAAC,gBACvDX,KAAK,CAACkB,YAAY,CAACP,IAAI,EAAAQ,eAAA,KAAK,gBAAgB,EAAG,MAAM,CAAE,CAAC,GACxD,IAAI,EACPnB,KAAK,CAACoB,QAAQ,CAACC,GAAG,CAACX,QAAQ,EAAE,UAACY,KAAK,EAAK;IACvC,oBAAOtB,KAAA,CAAAe,aAAA,CAACV,WAAW,QAAEiB,KAAmB,CAAC;EAC3C,CAAC,CAAC,EACD,aAAAtB,KAAK,CAACiB,cAAc,CAAiCL,SAAS,CAAC,gBAC5DZ,KAAK,CAACkB,YAAY,CAACN,SAAS,EAAAO,eAAA,KAAK,gBAAgB,EAAG,MAAM,CAAE,CAAC,GAC7D,IACS,CAAC,eAChBnB,KAAA,CAAAe,aAAA,CAACR,aAAa;IACZM,IAAI,EAAEA,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK;IAClCU,KAAK,EAAET,OAAO,KAAK,SAAS,GAAG,OAAO,GAAG;EAAS,CACnD,CACD,CAAC;AAEP,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMU,MAAM,gBAAGxB,KAAK,CAACyB,UAAU,CACpC,SAASD,MAAMA,CAAAE,KAAA,EAabC,GAAG,EACH;EAAA,IAAAC,WAAA,GAAAF,KAAA,CAZEG,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IACblB,QAAQ,GAAAgB,KAAA,CAARhB,QAAQ;IAAAoB,cAAA,GAAAJ,KAAA,CACRK,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAChBnB,IAAI,GAAAe,KAAA,CAAJf,IAAI;IACJC,SAAS,GAAAc,KAAA,CAATd,SAAS;IAAAoB,aAAA,GAAAN,KAAA,CACTO,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,UAAA,GAAAR,KAAA,CACfb,IAAI;IAAJA,IAAI,GAAAqB,UAAA,cAAG,IAAI,GAAAA,UAAA;IAAAC,UAAA,GAAAT,KAAA,CACXU,IAAI;IAAJA,IAAI,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA;IAAAE,aAAA,GAAAX,KAAA,CACfZ,OAAO;IAAPA,OAAO,GAAAuB,aAAA,cAAG,SAAS,GAAAA,aAAA;IAChBC,KAAK,GAAAC,wBAAA,CAAAb,KAAA,EAAAc,SAAA;EAIV,oBACExC,KAAA,CAAAe,aAAA,CAACZ,YAAY,EAAAsC,QAAA;IACX,aAAWR,OAAO,IAAIS,SAAU;IAChC,kBAAgB5B,OAAO,KAAK,SAAS,GAAG,gBAAgB,GAAG4B,SAAU;IACrEC,QAAQ,EAAE;EAAE,GACRL,KAAK;IACTM,MAAM,EAAEf,KAAM;IACdE,QAAQ,EAAEA,QAAQ,IAAIE,OAAQ;IAC9BY,QAAQ,EAAEZ,OAAQ;IAClBa,KAAK,EAAEjC,IAAK;IACZkC,QAAQ,EAAEjC,OAAQ;IAClBsB,IAAI,EAAEA,IAAK;IACXT,GAAG,EAAEA;EAAI,iBAET3B,KAAA,CAAAe,aAAA,CAACP,aAAa;IACZG,IAAI,EAAEA,IAAK;IACXC,SAAS,EAAEA,SAAU;IACrBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA;EAAQ,GAEhBJ,QACY,CACH,CAAC;AAEnB,CACF,CAAC;AAED,OAAO,IAAMsC,UAAU,gBAAGhD,KAAK,CAACyB,UAAU,CACxC,SAASuB,UAAUA,CAAAC,KAAA,EAYjBtB,GAAG,EACH;EAAA,IAAAuB,WAAA,GAAAD,KAAA,CAXEpB,KAAK;IAALA,KAAK,GAAAqB,WAAA,cAAG,KAAK,GAAAA,WAAA;IACbxC,QAAQ,GAAAuC,KAAA,CAARvC,QAAQ;IACEyC,SAAS,GAAAF,KAAA,CAAnBlB,QAAQ;IACFqB,KAAK,GAAAH,KAAA,CAAXI,IAAI;IACJ1C,IAAI,GAAAsC,KAAA,CAAJtC,IAAI;IACJC,SAAS,GAAAqC,KAAA,CAATrC,SAAS;IAAA0C,UAAA,GAAAL,KAAA,CACTpC,IAAI;IAAJA,IAAI,GAAAyC,UAAA,cAAG,IAAI,GAAAA,UAAA;IAAAC,aAAA,GAAAN,KAAA,CACXnC,OAAO;IAAPA,OAAO,GAAAyC,aAAA,cAAG,SAAS,GAAAA,aAAA;IAChBjB,KAAK,GAAAC,wBAAA,CAAAU,KAAA,EAAAO,UAAA;EAIV,IAAMC,QAAQ,GAAGzD,KAAK,CAAC0D,MAAM,CAAoB,IAAI,CAAC;EAEtD,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAyC,EAAK;IACrE,IAAQC,GAAG,GAAKD,CAAC,CAATC,GAAG;IAEX,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,CAAC,CAACC,OAAO,CAACD,GAAG,CAAC,IAAI,CAAC,EAAE;MAAA,IAAAE,iBAAA;MAChD;MACAH,CAAC,CAACI,cAAc,CAAC,CAAC;MAClB,CAAAD,iBAAA,GAAAN,QAAQ,CAACQ,OAAO,cAAAF,iBAAA,uBAAhBA,iBAAA,CAAkBG,KAAK,CAAC,CAAC;IAC3B;EACF,CAAC;EAEDjE,gBAAgB,CAAC;IACfkE,KAAK,EAAE,SAAS;IAChBC,OAAO,EAAET,eAAe;IACxBU,KAAK,EAAEZ;EACT,CAAC,CAAC;EAEF,IAAM1B,QAAQ,GAAGoB,SAAS,IAAI,CAACC,KAAK;EACpC,IAAMC,IAAI,GAAGtB,QAAQ,GAAGW,SAAS,GAAGU,KAAK;EAEzC,oBACEpD,KAAA,CAAAe,aAAA,CAACT,gBAAgB,EAAAmC,QAAA;IACf,kBAAgB3B,OAAO,KAAK,SAAS,GAAG,gBAAgB,GAAG4B;EAAU,GACjEJ,KAAK;IACTgC,IAAI,EAAC,QAAQ;IACb,iBAAevC,QAAS;IACxBsB,IAAI,EAAEA,IAAK;IACXkB,SAAS,EAAExC,QAAS;IACpBa,MAAM,EAAEf,KAAM;IACdiB,KAAK,EAAEjC,IAAK;IACZkC,QAAQ,EAAEjC,OAAQ;IAClBa,GAAG,EAAEzB,SAAS,CAACyB,GAAG,EAAE8B,QAAQ;EAAE,iBAE9BzD,KAAA,CAAAe,aAAA,CAACP,aAAa;IACZG,IAAI,EAAEA,IAAK;IACXC,SAAS,EAAEA,SAAU;IACrBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA;EAAQ,GAEhBJ,QACY,CACC,CAAC;AAEvB,CACF,CAAC"}
1
+ {"version":3,"file":"Button.js","names":["React","useEventListener","mergeRefs","StyledButton","StyledContent","StyledLabel","StyledLinkButton","StyledSpinner","ButtonContent","_ref","children","icon","iconRight","size","variant","createElement","Fragment","isValidElement","cloneElement","_defineProperty","Children","map","child","color","Button","forwardRef","_ref2","ref","_ref2$block","block","_ref2$disabled","disabled","_ref2$loading","loading","_ref2$size","_ref2$type","type","_ref2$variant","props","_objectWithoutProperties","_excluded","_extends","undefined","tabIndex","$block","$loading","$size","$variant","LinkButton","_ref3","_ref3$block","disabled_","href_","href","_ref3$size","_ref3$variant","_excluded2","innerRef","useRef","mimicButtonRole","e","key","indexOf","_innerRef$current","preventDefault","current","click","event","handler","scope","role","$disabled"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import type { FunctionComponent, PropsWithChildren } from 'react'\nimport React from 'react'\nimport { useEventListener } from '../_hooks/EventListener'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport {\n StyledButton,\n StyledContent,\n StyledLabel,\n StyledLinkButton,\n StyledSpinner,\n} from './Button.styles'\nimport type { ButtonProps, LinkButtonProps } from './Button.types'\n\nconst ButtonContent: FunctionComponent<\n PropsWithChildren<\n Pick<ButtonProps, 'icon' | 'iconRight' | 'size' | 'variant'>\n >\n> = ({ children, icon, iconRight, size, variant }) => {\n return (\n <>\n <StyledContent>\n {React.isValidElement<{ ['data-icon-prop']: string }>(icon)\n ? React.cloneElement(icon, { ['data-icon-prop']: 'true' })\n : null}\n {React.Children.map(children, (child) => {\n return <StyledLabel>{child}</StyledLabel>\n })}\n {React.isValidElement<{ ['data-icon-prop']: string }>(iconRight)\n ? React.cloneElement(iconRight, { ['data-icon-prop']: 'true' })\n : null}\n </StyledContent>\n <StyledSpinner\n size={size === 'lg' ? 'md' : 'sm'}\n color={variant === 'primary' ? 'white' : 'gray15'}\n />\n </>\n )\n}\n\n/**\n\n We use buttons to link to other pages or to trigger an action.\n Buttons clearly define what happens when a user clicks it.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-button--demo)\n\n @see [Design Guidelines](https://design.procore.com/button)\n\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n function Button(\n {\n block = false,\n children,\n disabled = false,\n icon,\n iconRight,\n loading = false,\n size = 'md',\n type = 'button',\n variant = 'primary',\n ...props\n },\n ref\n ) {\n return (\n <StyledButton\n aria-busy={loading || undefined}\n data-a11y-skip={variant === 'primary' ? 'color-contrast' : undefined}\n tabIndex={0}\n {...props}\n $block={block}\n disabled={disabled || loading}\n $loading={loading}\n $size={size}\n $variant={variant}\n type={type}\n ref={ref}\n >\n <ButtonContent\n icon={icon}\n iconRight={iconRight}\n size={size}\n variant={variant}\n >\n {children}\n </ButtonContent>\n </StyledButton>\n )\n }\n)\n\nexport const LinkButton = React.forwardRef<HTMLAnchorElement, LinkButtonProps>(\n function LinkButton(\n {\n block = false,\n children,\n disabled: disabled_,\n href: href_,\n icon,\n iconRight,\n size = 'md',\n variant = 'primary',\n ...props\n },\n ref\n ) {\n const innerRef = React.useRef<HTMLAnchorElement>(null)\n\n const mimicButtonRole = (e: React.KeyboardEvent<HTMLAnchorElement>) => {\n const { key } = e\n\n if (['Enter', 'Spacebar', ' '].indexOf(key) >= 0) {\n // Prevents the page to scroll when \"space\" is pressed\n e.preventDefault()\n innerRef.current?.click()\n }\n }\n\n useEventListener({\n event: 'keydown',\n handler: mimicButtonRole,\n scope: innerRef,\n })\n\n const disabled = disabled_ || !href_\n const href = disabled ? undefined : href_\n\n return (\n <StyledLinkButton\n data-a11y-skip={variant === 'primary' ? 'color-contrast' : undefined}\n {...props}\n role=\"button\"\n aria-disabled={disabled}\n href={href}\n $disabled={disabled}\n $block={block}\n $size={size}\n $variant={variant}\n ref={mergeRefs(ref, innerRef)}\n >\n <ButtonContent\n icon={icon}\n iconRight={iconRight}\n size={size}\n variant={variant}\n >\n {children}\n </ButtonContent>\n </StyledLinkButton>\n )\n }\n)\n"],"mappings":";;;;;;;;;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,yBAAyB;AAC1D,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SACEC,YAAY,EACZC,aAAa,EACbC,WAAW,EACXC,gBAAgB,EAChBC,aAAa,QACR,iBAAiB;AAGxB,IAAMC,aAIL,GAAG,SAJEA,aAILA,CAAAC,IAAA,EAAqD;EAAA,IAA/CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;EAC7C,oBACEd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACEhB,KAAA,CAAAe,aAAA,CAACX,aAAa,QACX,aAAAJ,KAAK,CAACiB,cAAc,CAAiCN,IAAI,CAAC,gBACvDX,KAAK,CAACkB,YAAY,CAACP,IAAI,EAAAQ,eAAA,KAAK,gBAAgB,EAAG,MAAM,CAAE,CAAC,GACxD,IAAI,EACPnB,KAAK,CAACoB,QAAQ,CAACC,GAAG,CAACX,QAAQ,EAAE,UAACY,KAAK,EAAK;IACvC,oBAAOtB,KAAA,CAAAe,aAAA,CAACV,WAAW,QAAEiB,KAAmB,CAAC;EAC3C,CAAC,CAAC,EACD,aAAAtB,KAAK,CAACiB,cAAc,CAAiCL,SAAS,CAAC,gBAC5DZ,KAAK,CAACkB,YAAY,CAACN,SAAS,EAAAO,eAAA,KAAK,gBAAgB,EAAG,MAAM,CAAE,CAAC,GAC7D,IACS,CAAC,eAChBnB,KAAA,CAAAe,aAAA,CAACR,aAAa;IACZM,IAAI,EAAEA,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK;IAClCU,KAAK,EAAET,OAAO,KAAK,SAAS,GAAG,OAAO,GAAG;EAAS,CACnD,CACD,CAAC;AAEP,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMU,MAAM,gBAAGxB,KAAK,CAACyB,UAAU,CACpC,SAASD,MAAMA,CAAAE,KAAA,EAabC,GAAG,EACH;EAAA,IAAAC,WAAA,GAAAF,KAAA,CAZEG,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IACblB,QAAQ,GAAAgB,KAAA,CAARhB,QAAQ;IAAAoB,cAAA,GAAAJ,KAAA,CACRK,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAChBnB,IAAI,GAAAe,KAAA,CAAJf,IAAI;IACJC,SAAS,GAAAc,KAAA,CAATd,SAAS;IAAAoB,aAAA,GAAAN,KAAA,CACTO,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,UAAA,GAAAR,KAAA,CACfb,IAAI;IAAJA,IAAI,GAAAqB,UAAA,cAAG,IAAI,GAAAA,UAAA;IAAAC,UAAA,GAAAT,KAAA,CACXU,IAAI;IAAJA,IAAI,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA;IAAAE,aAAA,GAAAX,KAAA,CACfZ,OAAO;IAAPA,OAAO,GAAAuB,aAAA,cAAG,SAAS,GAAAA,aAAA;IAChBC,KAAK,GAAAC,wBAAA,CAAAb,KAAA,EAAAc,SAAA;EAIV,oBACExC,KAAA,CAAAe,aAAA,CAACZ,YAAY,EAAAsC,QAAA;IACX,aAAWR,OAAO,IAAIS,SAAU;IAChC,kBAAgB5B,OAAO,KAAK,SAAS,GAAG,gBAAgB,GAAG4B,SAAU;IACrEC,QAAQ,EAAE;EAAE,GACRL,KAAK;IACTM,MAAM,EAAEf,KAAM;IACdE,QAAQ,EAAEA,QAAQ,IAAIE,OAAQ;IAC9BY,QAAQ,EAAEZ,OAAQ;IAClBa,KAAK,EAAEjC,IAAK;IACZkC,QAAQ,EAAEjC,OAAQ;IAClBsB,IAAI,EAAEA,IAAK;IACXT,GAAG,EAAEA;EAAI,iBAET3B,KAAA,CAAAe,aAAA,CAACP,aAAa;IACZG,IAAI,EAAEA,IAAK;IACXC,SAAS,EAAEA,SAAU;IACrBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA;EAAQ,GAEhBJ,QACY,CACH,CAAC;AAEnB,CACF,CAAC;AAED,OAAO,IAAMsC,UAAU,gBAAGhD,KAAK,CAACyB,UAAU,CACxC,SAASuB,UAAUA,CAAAC,KAAA,EAYjBtB,GAAG,EACH;EAAA,IAAAuB,WAAA,GAAAD,KAAA,CAXEpB,KAAK;IAALA,KAAK,GAAAqB,WAAA,cAAG,KAAK,GAAAA,WAAA;IACbxC,QAAQ,GAAAuC,KAAA,CAARvC,QAAQ;IACEyC,SAAS,GAAAF,KAAA,CAAnBlB,QAAQ;IACFqB,KAAK,GAAAH,KAAA,CAAXI,IAAI;IACJ1C,IAAI,GAAAsC,KAAA,CAAJtC,IAAI;IACJC,SAAS,GAAAqC,KAAA,CAATrC,SAAS;IAAA0C,UAAA,GAAAL,KAAA,CACTpC,IAAI;IAAJA,IAAI,GAAAyC,UAAA,cAAG,IAAI,GAAAA,UAAA;IAAAC,aAAA,GAAAN,KAAA,CACXnC,OAAO;IAAPA,OAAO,GAAAyC,aAAA,cAAG,SAAS,GAAAA,aAAA;IAChBjB,KAAK,GAAAC,wBAAA,CAAAU,KAAA,EAAAO,UAAA;EAIV,IAAMC,QAAQ,GAAGzD,KAAK,CAAC0D,MAAM,CAAoB,IAAI,CAAC;EAEtD,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAyC,EAAK;IACrE,IAAQC,GAAG,GAAKD,CAAC,CAATC,GAAG;IAEX,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,CAAC,CAACC,OAAO,CAACD,GAAG,CAAC,IAAI,CAAC,EAAE;MAAA,IAAAE,iBAAA;MAChD;MACAH,CAAC,CAACI,cAAc,CAAC,CAAC;MAClB,CAAAD,iBAAA,GAAAN,QAAQ,CAACQ,OAAO,cAAAF,iBAAA,uBAAhBA,iBAAA,CAAkBG,KAAK,CAAC,CAAC;IAC3B;EACF,CAAC;EAEDjE,gBAAgB,CAAC;IACfkE,KAAK,EAAE,SAAS;IAChBC,OAAO,EAAET,eAAe;IACxBU,KAAK,EAAEZ;EACT,CAAC,CAAC;EAEF,IAAM1B,QAAQ,GAAGoB,SAAS,IAAI,CAACC,KAAK;EACpC,IAAMC,IAAI,GAAGtB,QAAQ,GAAGW,SAAS,GAAGU,KAAK;EAEzC,oBACEpD,KAAA,CAAAe,aAAA,CAACT,gBAAgB,EAAAmC,QAAA;IACf,kBAAgB3B,OAAO,KAAK,SAAS,GAAG,gBAAgB,GAAG4B;EAAU,GACjEJ,KAAK;IACTgC,IAAI,EAAC,QAAQ;IACb,iBAAevC,QAAS;IACxBsB,IAAI,EAAEA,IAAK;IACXkB,SAAS,EAAExC,QAAS;IACpBa,MAAM,EAAEf,KAAM;IACdiB,KAAK,EAAEjC,IAAK;IACZkC,QAAQ,EAAEjC,OAAQ;IAClBa,GAAG,EAAEzB,SAAS,CAACyB,GAAG,EAAE8B,QAAQ;EAAE,iBAE9BzD,KAAA,CAAAe,aAAA,CAACP,aAAa;IACZG,IAAI,EAAEA,IAAK;IACXC,SAAS,EAAEA,SAAU;IACrBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA;EAAQ,GAEhBJ,QACY,CACC,CAAC;AAEvB,CACF,CAAC"}
@@ -84,11 +84,11 @@ function getColors(loading, variant) {
84
84
  }
85
85
  export var StyledContent = /*#__PURE__*/styled.span.withConfig({
86
86
  displayName: "StyledContent",
87
- componentId: "core-11_26_0__sc-c5bhwh-0"
87
+ componentId: "core-11_26_2__sc-c5bhwh-0"
88
88
  })(["align-items:center;display:flex;overflow:hidden;"]);
89
89
  export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
90
90
  displayName: "StyledSpinner",
91
- componentId: "core-11_26_0__sc-c5bhwh-1"
91
+ componentId: "core-11_26_2__sc-c5bhwh-1"
92
92
  })(["box-sizing:border-box;display:none;position:absolute;transform:translateZ(0);@media ", "{left:50%;top:50%;", "}"], mediaIE11Hack, function (_ref) {
93
93
  var size = _ref.size;
94
94
  var margin = -1 * (spinnerDimensions[size !== null && size !== void 0 ? size : defaultSpinnerSize] / 2);
@@ -96,14 +96,14 @@ export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
96
96
  });
97
97
  export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
98
98
  displayName: "StyledLabel",
99
- componentId: "core-11_26_0__sc-c5bhwh-2"
99
+ componentId: "core-11_26_2__sc-c5bhwh-2"
100
100
  })(["overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap;& + span{padding-left:0;}"]);
101
101
  function getButtonStyles(block, disabled, loading, size, variant) {
102
102
  return css(["", " ", " ", " align-items:center;border-radius:", "px;border:0;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;font-family:inherit;font-weight:", ";height:", "px;justify-content:center;margin:0;overflow:hidden;padding:0 ", "px;position:relative;pointer-events:", ";text-overflow:ellipsis;user-select:", ";vertical-align:middle;white-space:nowrap;width:", ";[data-icon-prop='true']{pointer-events:none;height:", "px;width:", "px;}", ""], getTypographyIntent(typographySizes[size]), focusable, getColors(loading, variant), borderRadius.md, typographyWeights.semibold, heights[size], paddingX[size], disabled || loading ? 'none' : 'inherit', disabled || loading ? 'none' : 'inherit', block && '100%', size === 'sm' ? 16 : 24, size === 'sm' ? 16 : 24, loading && css(["", "{pointer-events:none;visibility:hidden;}", "{display:block;}"], StyledContent, StyledSpinner));
103
103
  }
104
104
  export var StyledButton = /*#__PURE__*/styled.button.withConfig({
105
105
  displayName: "StyledButton",
106
- componentId: "core-11_26_0__sc-c5bhwh-3"
106
+ componentId: "core-11_26_2__sc-c5bhwh-3"
107
107
  })(["", ""], function (_ref2) {
108
108
  var $block = _ref2.$block,
109
109
  disabled = _ref2.disabled,
@@ -114,7 +114,7 @@ export var StyledButton = /*#__PURE__*/styled.button.withConfig({
114
114
  });
115
115
  export var StyledLinkButton = /*#__PURE__*/styled.a.withConfig({
116
116
  displayName: "StyledLinkButton",
117
- componentId: "core-11_26_0__sc-c5bhwh-4"
117
+ componentId: "core-11_26_2__sc-c5bhwh-4"
118
118
  })(["text-decoration:none;", ""], function (_ref3) {
119
119
  var $block = _ref3.$block,
120
120
  $disabled = _ref3.$disabled,
@@ -8,31 +8,31 @@ var cellSize = 36; // TODO one-off size
8
8
 
9
9
  export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
10
10
  displayName: "StyledContainer",
11
- componentId: "core-11_26_0__sc-1kkl86t-0"
11
+ componentId: "core-11_26_2__sc-1kkl86t-0"
12
12
  })(["", ";display:inline-flex;flex-direction:column;padding:", "px ", "px ", "px;"], getTypographyIntent('small'), spacing.lg, spacing.md, spacing.md);
13
13
  export var StyledPaginator = /*#__PURE__*/styled(Button).withConfig({
14
14
  displayName: "StyledPaginator",
15
- componentId: "core-11_26_0__sc-1kkl86t-1"
15
+ componentId: "core-11_26_2__sc-1kkl86t-1"
16
16
  })(["flex:0 0 auto;"]);
17
17
  export var StyledSelect = /*#__PURE__*/styled.div.withConfig({
18
18
  displayName: "StyledSelect",
19
- componentId: "core-11_26_0__sc-1kkl86t-2"
19
+ componentId: "core-11_26_2__sc-1kkl86t-2"
20
20
  })(["display:inline-flex;flex:1 1 0;margin-left:", "px;> div{font-size:12px;}"], spacing.sm);
21
21
  export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
22
22
  displayName: "StyledNavigation",
23
- componentId: "core-11_26_0__sc-1kkl86t-3"
23
+ componentId: "core-11_26_2__sc-1kkl86t-3"
24
24
  })(["display:inline-flex;margin-bottom:", "px;", " + ", ",", " + ", "{margin-left:", "px;}"], spacing.sm, StyledPaginator, StyledSelect, StyledSelect, StyledPaginator, spacing.sm);
25
25
  export var StyledCell = /*#__PURE__*/styled.div.withConfig({
26
26
  displayName: "StyledCell",
27
- componentId: "core-11_26_0__sc-1kkl86t-4"
27
+ componentId: "core-11_26_2__sc-1kkl86t-4"
28
28
  })(["align-items:center;display:inline-flex;height:", "px;justify-content:center;width:", "px;"], cellSize, cellSize);
29
29
  export var StyledDayHeaderCell = /*#__PURE__*/styled(StyledCell).withConfig({
30
30
  displayName: "StyledDayHeaderCell",
31
- componentId: "core-11_26_0__sc-1kkl86t-5"
31
+ componentId: "core-11_26_2__sc-1kkl86t-5"
32
32
  })(["cursor:default;font-weight:", ";"], typographyWeights.semibold);
33
33
  export var StyledDayCell = /*#__PURE__*/styled(StyledCell).withConfig({
34
34
  displayName: "StyledDayCell",
35
- componentId: "core-11_26_0__sc-1kkl86t-6"
35
+ componentId: "core-11_26_2__sc-1kkl86t-6"
36
36
  })(["", ""], function (_ref) {
37
37
  var _ref$$disabled = _ref.$disabled,
38
38
  $disabled = _ref$$disabled === void 0 ? false : _ref$$disabled,
@@ -55,6 +55,6 @@ export var StyledDayCell = /*#__PURE__*/styled(StyledCell).withConfig({
55
55
  });
56
56
  export var StyledWeekRow = /*#__PURE__*/styled.div.withConfig({
57
57
  displayName: "StyledWeekRow",
58
- componentId: "core-11_26_0__sc-1kkl86t-7"
58
+ componentId: "core-11_26_2__sc-1kkl86t-7"
59
59
  })(["display:inline-flex;padding-bottom:2px;user-select:none;&:last-child{padding-bottom:0;}", "{&:first-child{border-top-left-radius:", "px;border-bottom-left-radius:", "px;}&:last-child{border-top-right-radius:", "px;border-bottom-right-radius:", "px;}}"], StyledCell, borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md);
60
60
  //# sourceMappingURL=Calendar.styles.js.map