@procore/core-react 12.17.2 → 12.17.4

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 (215) hide show
  1. package/dist/AnchorNavigation/AnchorNavigation.styles.js +3 -3
  2. package/dist/Avatar/Avatar.styles.js +5 -5
  3. package/dist/Avatar/Avatar.types.d.ts +1 -1
  4. package/dist/Avatar/Avatar.types.js.map +1 -1
  5. package/dist/AvatarStack/AvatarStack.js +7 -7
  6. package/dist/AvatarStack/AvatarStack.js.map +1 -1
  7. package/dist/AvatarStack/AvatarStack.styles.d.ts +4 -4
  8. package/dist/AvatarStack/AvatarStack.styles.js +10 -10
  9. package/dist/AvatarStack/AvatarStack.styles.js.map +1 -1
  10. package/dist/AvatarStack/AvatarStack.types.d.ts +2 -0
  11. package/dist/AvatarStack/AvatarStack.types.js.map +1 -1
  12. package/dist/Badge/Badge.styles.js +2 -2
  13. package/dist/Banner/Banner.styles.js +10 -10
  14. package/dist/Box/Box.styles.js +1 -1
  15. package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  16. package/dist/Button/Button.styles.js +5 -5
  17. package/dist/Calendar/Calendar.styles.js +8 -8
  18. package/dist/Card/Card.styles.js +1 -1
  19. package/dist/Checkbox/Checkbox.styles.js +6 -6
  20. package/dist/Checkbox/CheckboxTooltip.js +1 -1
  21. package/dist/ContactItem/ContactItem.styles.js +5 -5
  22. package/dist/Content/Content.styles.js +2 -2
  23. package/dist/DateInput/DateInput.styles.js +6 -6
  24. package/dist/DetailPage/DetailPage.styles.js +7 -7
  25. package/dist/Dropdown/Dropdown.styles.js +3 -3
  26. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  27. package/dist/Dropzone/Dropzone.js +1 -1
  28. package/dist/Dropzone/Dropzone.styles.js +9 -9
  29. package/dist/EmptyState/EmptyState.styles.js +6 -6
  30. package/dist/Field/Field.styles.js +3 -3
  31. package/dist/FileList/FileList.styles.js +4 -4
  32. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  33. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  34. package/dist/FileSelect/FileSelect.styles.js +2 -2
  35. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  36. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  37. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  38. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  39. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  40. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  41. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  42. package/dist/FileToken/FileToken.styles.js +4 -4
  43. package/dist/FilterToken/FilterToken.styles.js +2 -2
  44. package/dist/FlexList/FlexList.styles.js +1 -1
  45. package/dist/Form/Form.styles.js +14 -14
  46. package/dist/Form/StyledFormikForm.styles.js +2 -2
  47. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +2 -2
  48. package/dist/Grid/Grid.styles.js +2 -2
  49. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  50. package/dist/Input/Input.styles.js +1 -1
  51. package/dist/Link/Link.styles.js +1 -1
  52. package/dist/Link/Link.types.d.ts +3 -0
  53. package/dist/Link/Link.types.js.map +1 -1
  54. package/dist/ListPage/ListPage.styles.js +8 -8
  55. package/dist/Loader/Loader.styles.js +2 -2
  56. package/dist/MenuImperative/MenuImperative.styles.js +10 -10
  57. package/dist/Modal/Modal.styles.js +13 -13
  58. package/dist/MultiSelect/MultiSelect.styles.js +6 -6
  59. package/dist/NextMenu/NextMenu.styles.js +3 -3
  60. package/dist/Notation/Notation.js +1 -1
  61. package/dist/NumberInput/NumberInput.styles.js +7 -7
  62. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  63. package/dist/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
  64. package/dist/PageHeaderTemplate/PageHeaderTemplate.styles.js +3 -3
  65. package/dist/PageLayout/PageLayout.styles.js +16 -16
  66. package/dist/PagePaneTemplate/PagePaneTemplate.styles.js +2 -2
  67. package/dist/PageTemplate/PageTemplate.styles.js +3 -3
  68. package/dist/Pagination/Pagination.styles.js +5 -5
  69. package/dist/Panel/Panel.styles.js +11 -11
  70. package/dist/Pill/Pill.styles.js +2 -2
  71. package/dist/PillSelect/PillSelect.styles.js +4 -4
  72. package/dist/Popover/Popover.js +4 -1
  73. package/dist/Popover/Popover.js.map +1 -1
  74. package/dist/Popover/Popover.styles.d.ts +2 -1
  75. package/dist/Popover/Popover.styles.js +5 -4
  76. package/dist/Popover/Popover.styles.js.map +1 -1
  77. package/dist/Popover/Popover.types.d.ts +6 -0
  78. package/dist/Popover/Popover.types.js.map +1 -1
  79. package/dist/Portal/Portal.styles.js +1 -1
  80. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  81. package/dist/RadioButton/RadioButton.styles.js +3 -3
  82. package/dist/Required/Required.styles.js +3 -3
  83. package/dist/Search/Search.styles.js +5 -5
  84. package/dist/Section/Section.styles.js +7 -7
  85. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  86. package/dist/Select/Select.styles.js +7 -7
  87. package/dist/Semantic/Semantic.styles.js +9 -9
  88. package/dist/Slider/Slider.styles.js +5 -5
  89. package/dist/Spinner/Spinner.styles.js +7 -7
  90. package/dist/SplitViewCard/SplitViewCard.styles.js +8 -8
  91. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  92. package/dist/SuperSelect/SuperSelect.styles.js +37 -37
  93. package/dist/Switch/Switch.styles.js +4 -4
  94. package/dist/Table/Table.styles.js +28 -28
  95. package/dist/TableShelf/TableShelf.styles.js +5 -5
  96. package/dist/Tabs/Tabs.styles.js +15 -15
  97. package/dist/Tearsheet/Tearsheet.js +4 -1
  98. package/dist/Tearsheet/Tearsheet.js.map +1 -1
  99. package/dist/Tearsheet/Tearsheet.styles.d.ts +1 -0
  100. package/dist/Tearsheet/Tearsheet.styles.js +8 -7
  101. package/dist/Tearsheet/Tearsheet.styles.js.map +1 -1
  102. package/dist/Tearsheet/Tearsheet.types.d.ts +9 -0
  103. package/dist/Tearsheet/Tearsheet.types.js.map +1 -1
  104. package/dist/TextArea/TextArea.styles.js +1 -1
  105. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  106. package/dist/Thumbnail/Thumbnail.styles.js +17 -17
  107. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  108. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  109. package/dist/Tile/Tile.styles.js +8 -8
  110. package/dist/Title/Title.styles.js +7 -7
  111. package/dist/Toast/Toast.styles.js +3 -3
  112. package/dist/ToggleButton/ToggleButton.styles.js +1 -1
  113. package/dist/Token/Token.styles.js +3 -3
  114. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  115. package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
  116. package/dist/Tooltip/Tooltip.styles.js +2 -2
  117. package/dist/Tree/Tree.styles.js +9 -9
  118. package/dist/Typeahead/Typeahead.styles.js +3 -3
  119. package/dist/Typography/Typography.styles.js +1 -1
  120. package/dist/Typography/Typography.table.story.js +2 -2
  121. package/dist/_hooks/I18n.d.ts +70 -0
  122. package/dist/_locales/de-DE.json +5 -0
  123. package/dist/_locales/en-AU.json +5 -0
  124. package/dist/_locales/en-CA.json +7 -2
  125. package/dist/_locales/en-GB.json +7 -2
  126. package/dist/_locales/es-ES.json +5 -0
  127. package/dist/_locales/es.json +5 -0
  128. package/dist/_locales/fr-CA.json +5 -0
  129. package/dist/_locales/fr-FR.json +5 -0
  130. package/dist/_locales/is-IS.json +5 -0
  131. package/dist/_locales/ja-JP.json +5 -0
  132. package/dist/_locales/pl-PL.json +5 -0
  133. package/dist/_locales/pt-BR.json +5 -0
  134. package/dist/_locales/th-TH.json +5 -0
  135. package/dist/_locales/zh-SG.json +5 -0
  136. package/dist/_typedoc/Avatar/Avatar.types.json +22 -22
  137. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +27 -25
  138. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  139. package/dist/_typedoc/Banner/Banner.types.json +13 -13
  140. package/dist/_typedoc/Box/Box.types.json +68 -68
  141. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  142. package/dist/_typedoc/Button/Button.types.json +12 -12
  143. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  144. package/dist/_typedoc/Card/Card.types.json +6 -6
  145. package/dist/_typedoc/Checkbox/Checkbox.types.json +9 -9
  146. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  147. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  148. package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
  149. package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
  150. package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
  151. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +29 -29
  152. package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
  153. package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
  154. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  155. package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
  156. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  157. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  158. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  159. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  160. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  161. package/dist/_typedoc/Form/Form.types.json +741 -741
  162. package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +12 -12
  163. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  164. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
  165. package/dist/_typedoc/Input/Input.types.json +2 -2
  166. package/dist/_typedoc/Link/Link.types.json +7 -5
  167. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  168. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  169. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
  170. package/dist/_typedoc/Modal/Modal.types.json +46 -46
  171. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
  172. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  173. package/dist/_typedoc/NumberInput/NumberInput.types.json +37 -37
  174. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +31 -31
  175. package/dist/_typedoc/PageLayout/PageLayout.types.json +29 -29
  176. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  177. package/dist/_typedoc/Panel/Panel.types.json +28 -28
  178. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  179. package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
  180. package/dist/_typedoc/Popover/Popover.types.json +27 -15
  181. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +6 -6
  182. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  183. package/dist/_typedoc/Required/Required.types.json +5 -5
  184. package/dist/_typedoc/Search/Search.types.json +19 -19
  185. package/dist/_typedoc/Section/Section.types.json +15 -15
  186. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
  187. package/dist/_typedoc/Select/Select.types.json +60 -60
  188. package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
  189. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  190. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  191. package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +12 -12
  192. package/dist/_typedoc/Switch/Switch.types.json +3 -3
  193. package/dist/_typedoc/Table/Table.types.json +101 -101
  194. package/dist/_typedoc/Tabs/Tabs.types.json +19 -19
  195. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +32 -18
  196. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  197. package/dist/_typedoc/TextEditor/TextEditor.types.json +9 -9
  198. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
  199. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  200. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
  201. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
  202. package/dist/_typedoc/Tile/Tile.types.json +30 -30
  203. package/dist/_typedoc/Title/Title.types.json +1 -1
  204. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  205. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
  206. package/dist/_typedoc/Token/Token.types.json +4 -4
  207. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  208. package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +7 -7
  209. package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
  210. package/dist/_typedoc/Tree/Tree.types.json +86 -86
  211. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  212. package/dist/_typedoc/Typography/Typography.types.json +9 -9
  213. package/dist/_typedoc/_utils/types.json +3 -3
  214. package/dist/_typedoc/deprecations.json +1 -1
  215. package/package.json +2 -2
@@ -12,37 +12,37 @@ var inputBgColor = colors.white;
12
12
  var inputBorder = "".concat(colors.gray70, " solid 1px");
13
13
  var StyledRootAddon = /*#__PURE__*/styled.span.withConfig({
14
14
  displayName: "StyledRootAddon",
15
- componentId: "core-12_17_2__sc-1782nvg-0"
15
+ componentId: "core-12_17_4__sc-1782nvg-0"
16
16
  })(["display:inline-flex;align-items:center;height:100%;position:absolute;top:0;color:", ";", ";"], function (_ref) {
17
17
  var disabled = _ref.disabled;
18
18
  return disabled ? colors.gray70 : colors.gray45;
19
19
  }, getTypographyIntent('body'));
20
20
  export var StyledPrefix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
21
21
  displayName: "StyledPrefix",
22
- componentId: "core-12_17_2__sc-1782nvg-1"
22
+ componentId: "core-12_17_4__sc-1782nvg-1"
23
23
  })(["left:", "px;"], spacing.md);
24
24
  export var StyledSuffix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
25
25
  displayName: "StyledSuffix",
26
- componentId: "core-12_17_2__sc-1782nvg-2"
26
+ componentId: "core-12_17_4__sc-1782nvg-2"
27
27
  })(["right:", "px;"], function (_ref2) {
28
28
  var $withIncrementer = _ref2.$withIncrementer;
29
29
  return $withIncrementer ? spacing.md + incrementerWidth : spacing.md;
30
30
  });
31
31
  export var StyledIncrementerWrapper = /*#__PURE__*/styled.div.withConfig({
32
32
  displayName: "StyledIncrementerWrapper",
33
- componentId: "core-12_17_2__sc-1782nvg-3"
33
+ componentId: "core-12_17_4__sc-1782nvg-3"
34
34
  })(["display:flex;flex-direction:column;position:absolute;top:1px;right:1px;height:100%;"]);
35
35
  export var StyledIncrementerButton = /*#__PURE__*/styled.button.withConfig({
36
36
  displayName: "StyledIncrementerButton",
37
- componentId: "core-12_17_2__sc-1782nvg-4"
37
+ componentId: "core-12_17_4__sc-1782nvg-4"
38
38
  })(["display:inline-flex;justify-content:center;align-items:center;width:", "px;height:calc(50% - 1px);border:none;border-radius:0px;outline:none;background-color:", ";padding:0;cursor:pointer;&:first-child,&:last-child{border-left:", ";&:disabled{border-color:", ";background-color:", ";}}&:first-child{border-top-right-radius:2px;}&:last-child{border-top:", ";border-bottom-right-radius:2px;}svg{fill:", ";}&:hover{svg{fill:", ";}}&:disabled{cursor:default;svg{fill:", ";}}"], incrementerWidth, inputBgColor, inputBorder, colors.gray70, colors.gray94, inputBorder, colors.gray45, colors.gray10, colors.gray70);
39
39
  export var StyledInput = /*#__PURE__*/styled(Input).withConfig({
40
40
  displayName: "StyledInput",
41
- componentId: "core-12_17_2__sc-1782nvg-5"
41
+ componentId: "core-12_17_4__sc-1782nvg-5"
42
42
  })([""]);
43
43
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
44
44
  displayName: "StyledWrapper",
45
- componentId: "core-12_17_2__sc-1782nvg-6"
45
+ componentId: "core-12_17_4__sc-1782nvg-6"
46
46
  })(["position:relative;", ""], function (_ref3) {
47
47
  var $hasIncrementer = _ref3.$hasIncrementer;
48
48
  return $hasIncrementer && css(["", "{padding-right:", "px;}"], StyledInput, spacing.md + incrementerWidth);
@@ -2,6 +2,6 @@ import styled from 'styled-components';
2
2
  export var arrowSize = 8;
3
3
  export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
4
4
  displayName: "StyledArrow",
5
- componentId: "core-12_17_2__sc-1epxw7u-0"
5
+ componentId: "core-12_17_4__sc-1epxw7u-0"
6
6
  })(["position:absolute;background:inherit;width:", "px;height:", "px;transform:rotate(45deg);"], arrowSize, arrowSize);
7
7
  //# sourceMappingURL=OverlayArrow.styles.js.map
@@ -3,6 +3,6 @@ import { colors } from '../_styles/colors';
3
3
  import { spacing } from '../_styles/spacing';
4
4
  export var StyledPageFooter = /*#__PURE__*/styled.footer.withConfig({
5
5
  displayName: "StyledPageFooter",
6
- componentId: "core-12_17_2__sc-1sku1tz-0"
6
+ componentId: "core-12_17_4__sc-1sku1tz-0"
7
7
  })(["display:flex;align-items:center;justify-content:space-between;background-color:", ";padding:", "px;width:100%;box-shadow:0 -2px 6px 0 rgba(0,0,0,0.1);position:sticky;bottom:0;"], colors.white, spacing.lg);
8
8
  //# sourceMappingURL=PageFooterTemplate.styles.js.map
@@ -5,14 +5,14 @@ import { colors } from '../_styles/colors';
5
5
  import { spacing } from '../_styles/spacing';
6
6
  export var StyledPageHeader = /*#__PURE__*/styled(Page.Header).withConfig({
7
7
  displayName: "StyledPageHeader",
8
- componentId: "core-12_17_2__sc-usghcn-0"
8
+ componentId: "core-12_17_4__sc-usghcn-0"
9
9
  })(["border-bottom:1px solid ", ";padding-top:", "px;"], colors.gray85, spacing.lg);
10
10
  export var StyledActions = /*#__PURE__*/styled(Box).withConfig({
11
11
  displayName: "StyledActions",
12
- componentId: "core-12_17_2__sc-usghcn-1"
12
+ componentId: "core-12_17_4__sc-usghcn-1"
13
13
  })(["width:fit-content;"]);
14
14
  export var StyledToggleActionBox = /*#__PURE__*/styled(Box).withConfig({
15
15
  displayName: "StyledToggleActionBox",
16
- componentId: "core-12_17_2__sc-usghcn-2"
16
+ componentId: "core-12_17_4__sc-usghcn-2"
17
17
  })(["top:-", "px;position:relative;padding-left:48px;"], spacing.lg);
18
18
  //# sourceMappingURL=PageHeaderTemplate.styles.js.map
@@ -11,52 +11,52 @@ var outerPageSpacing = spacing.lg;
11
11
  var outerPageSpacingSmaller = spacing.md;
12
12
  export var StyledPageHeader = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledPageHeader",
14
- componentId: "core-12_17_2__sc-1cvdbsv-0"
14
+ componentId: "core-12_17_4__sc-1cvdbsv-0"
15
15
  })(["padding-top:", "px;padding-right:", "px;padding-left:", "px;@media ", "{padding-right:", "px;padding-left:", "px;}", ""], headerVerticalSpacing, outerPageSpacing, outerPageSpacing, mediaBreakpointsDown.tabletMd, outerPageSpacingSmaller, outerPageSpacingSmaller, function (_ref) {
16
16
  var $transparent = _ref.$transparent;
17
17
  return !$transparent && css(["", " background-color:", ";"], getShadow(1.5), colors.white);
18
18
  });
19
19
  var StyledPageHeaderItem = /*#__PURE__*/styled.div.withConfig({
20
20
  displayName: "StyledPageHeaderItem",
21
- componentId: "core-12_17_2__sc-1cvdbsv-1"
21
+ componentId: "core-12_17_4__sc-1cvdbsv-1"
22
22
  })(["margin-top:", "px;&:first-child{margin-top:0;}"], headerVerticalSpacing);
23
23
  export var StyledPageTitle = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
24
24
  displayName: "StyledPageTitle",
25
- componentId: "core-12_17_2__sc-1cvdbsv-2"
25
+ componentId: "core-12_17_4__sc-1cvdbsv-2"
26
26
  })(["&:last-child{padding-bottom:", "px;}"], headerVerticalSpacing);
27
27
  export var StyledPageBreadcrumbs = /*#__PURE__*/styled(StyledPageHeaderItem).attrs({
28
28
  as: 'nav'
29
29
  }).withConfig({
30
30
  displayName: "StyledPageBreadcrumbs",
31
- componentId: "core-12_17_2__sc-1cvdbsv-3"
31
+ componentId: "core-12_17_4__sc-1cvdbsv-3"
32
32
  })([""]);
33
33
  export var StyledPageBanner = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
34
34
  displayName: "StyledPageBanner",
35
- componentId: "core-12_17_2__sc-1cvdbsv-4"
35
+ componentId: "core-12_17_4__sc-1cvdbsv-4"
36
36
  })([""]);
37
37
  export var getActions = function getActions() {
38
38
  return css(["flex-shrink:0;padding-left:", "px;> button,> a{&:first-child{margin-left:0;}margin-left:", "px;}"], spacing.xl, spacing.sm);
39
39
  };
40
40
  export var StyledPageActions = /*#__PURE__*/styled.div.withConfig({
41
41
  displayName: "StyledPageActions",
42
- componentId: "core-12_17_2__sc-1cvdbsv-5"
42
+ componentId: "core-12_17_4__sc-1cvdbsv-5"
43
43
  })(["", ""], getActions());
44
44
  export var StyledPageTabs = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
45
45
  displayName: "StyledPageTabs",
46
- componentId: "core-12_17_2__sc-1cvdbsv-6"
46
+ componentId: "core-12_17_4__sc-1cvdbsv-6"
47
47
  })([""]);
48
48
  export var StyledBody = /*#__PURE__*/styled.div.withConfig({
49
49
  displayName: "StyledBody",
50
- componentId: "core-12_17_2__sc-1cvdbsv-7"
50
+ componentId: "core-12_17_4__sc-1cvdbsv-7"
51
51
  })(["padding-top:", "px;padding-left:", "px;padding-right:", "px;@media ", "{padding-top:", "px;padding-left:", "px;padding-right:", "px;}"], outerPageSpacing, outerPageSpacing, outerPageSpacing, mediaBreakpointsDown.tabletMd, outerPageSpacingSmaller, outerPageSpacingSmaller, outerPageSpacingSmaller);
52
52
  var navigationWidth = 200;
53
53
  export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
54
54
  displayName: "StyledNavigation",
55
- componentId: "core-12_17_2__sc-1cvdbsv-8"
55
+ componentId: "core-12_17_4__sc-1cvdbsv-8"
56
56
  })(["float:left;max-height:100vh;min-width:", "px;overflow-y:auto;position:sticky;top:0;width:", "px;", "{padding:20px ", "px 0 0;}@media screen and (max-width:1024px){display:none;}"], navigationWidth, navigationWidth, StyledAnchorNavigation, spacing.sm);
57
57
  export var StyledContent = /*#__PURE__*/styled.div.withConfig({
58
58
  displayName: "StyledContent",
59
- componentId: "core-12_17_2__sc-1cvdbsv-9"
59
+ componentId: "core-12_17_4__sc-1cvdbsv-9"
60
60
  })([""]);
61
61
  var panelWidth = 400;
62
62
  var zIndexes = {
@@ -69,7 +69,7 @@ export var animationDuration = {
69
69
  };
70
70
  export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
71
71
  displayName: "StyledFooter",
72
- componentId: "core-12_17_2__sc-1cvdbsv-10"
72
+ componentId: "core-12_17_4__sc-1cvdbsv-10"
73
73
  })(["background-color:", ";", " position:sticky;bottom:0;z-index:", ";", ""], colors.white, function (_ref2) {
74
74
  var $hasShadow = _ref2.$hasShadow;
75
75
  return $hasShadow && getShadow(2, 'top');
@@ -79,7 +79,7 @@ export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
79
79
  });
80
80
  export var StyledAside = /*#__PURE__*/styled.div.withConfig({
81
81
  displayName: "StyledAside",
82
- componentId: "core-12_17_2__sc-1cvdbsv-11"
82
+ componentId: "core-12_17_4__sc-1cvdbsv-11"
83
83
  })(["", " @media ", "{position:absolute;right:0;}"], function (_ref4) {
84
84
  var $closed = _ref4.$closed,
85
85
  $open = _ref4.$open;
@@ -99,7 +99,7 @@ var getPanelAnimation = function getPanelAnimation() {
99
99
  };
100
100
  export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
101
101
  displayName: "StyledAsidePanel",
102
- componentId: "core-12_17_2__sc-1cvdbsv-12"
102
+ componentId: "core-12_17_4__sc-1cvdbsv-12"
103
103
  })(["", " @media ", "{", "}", " ", " border-left:1px solid ", ";width:", "px;position:fixed;background-color:", ";overflow:auto;z-index:", ";", " ", ""], function (_ref7) {
104
104
  var $rightOffset = _ref7.$rightOffset;
105
105
  return css(["@media ", "{", " border-left:0;z-index:", ";right:", "px;}"], mediaBreakpointsDown.tabletMd, getShadow(2), zIndexes.panelNarrowScreen, $rightOffset);
@@ -118,7 +118,7 @@ export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
118
118
  });
119
119
  export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
120
120
  displayName: "StyledPageMain",
121
- componentId: "core-12_17_2__sc-1cvdbsv-13"
121
+ componentId: "core-12_17_4__sc-1cvdbsv-13"
122
122
  })(["position:relative;max-width:100%;background-color:", ";", " ", ""], colors.gray96, function () {
123
123
  return isIE11() && css(["flex:1 0 0%;"]);
124
124
  }, function (_ref12) {
@@ -133,13 +133,13 @@ export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
133
133
  });
134
134
  export var StyledPageContainer = /*#__PURE__*/styled.div.withConfig({
135
135
  displayName: "StyledPageContainer",
136
- componentId: "core-12_17_2__sc-1cvdbsv-14"
136
+ componentId: "core-12_17_4__sc-1cvdbsv-14"
137
137
  })(["display:grid;grid-template-columns:1fr auto;", ""], function () {
138
138
  return isIE11() && css(["display:flex;flex-wrap:wrap;"]);
139
139
  });
140
140
  export var StyledAsideFluidContainer = /*#__PURE__*/styled.div.withConfig({
141
141
  displayName: "StyledAsideFluidContainer",
142
- componentId: "core-12_17_2__sc-1cvdbsv-15"
142
+ componentId: "core-12_17_4__sc-1cvdbsv-15"
143
143
  })(["", ""], function (_ref13) {
144
144
  var $closed = _ref13.$closed,
145
145
  $open = _ref13.$open;
@@ -10,10 +10,10 @@ var panelWidthSmall = 360;
10
10
  export var mobileBreakpoint = 440;
11
11
  export var StyledPageAside = /*#__PURE__*/styled(Page.Aside).withConfig({
12
12
  displayName: "StyledPageAside",
13
- componentId: "core-12_17_2__sc-19vuov8-0"
13
+ componentId: "core-12_17_4__sc-19vuov8-0"
14
14
  })(["position:sticky;top:0;right:0;max-height:100vh;width:100%;height:100%;@media ", "{position:sticky;max-width:", "px;flex-basis:", "px;}", "{@media ", "{max-width:", "px;}}", "{position:sticky;top:0;right:0;box-shadow:none;animation:none;padding-bottom:68px;@media ", "{width:", "px;}@media (max-width:", "px){padding-bottom:0;}}", "{position:fixed;bottom:0;display:flex;width:100%;max-width:400px;@media ", "{max-width:", "px;}}"], mediaBreakpointsDown.tabletLg, panelWidthSmall, panelWidthSmall, StyledAsideFluidContainer, mediaBreakpointsDown.tabletLg, panelWidthSmall, StyledAsidePanel, mediaBreakpointsDown.tabletLg, panelWidthSmall, mobileBreakpoint, StyledPanelFooter, mediaBreakpointsDown.tabletLg, panelWidthSmall);
15
15
  export var StyledModal = /*#__PURE__*/styled(Modal).withConfig({
16
16
  displayName: "StyledModal",
17
- componentId: "core-12_17_2__sc-19vuov8-1"
17
+ componentId: "core-12_17_4__sc-19vuov8-1"
18
18
  })(["top:", "px;bottom:", "px;max-width:416px;transform:none;", "{max-height:100vh;}@media (max-width:", "px){top:0;bottom:0;left:0;right:0;max-width:100%;}"], spacing.md, spacing.md, StyledModalContent, mobileBreakpoint);
19
19
  //# sourceMappingURL=PagePaneTemplate.styles.js.map
@@ -5,14 +5,14 @@ import { spacing } from '../_styles/spacing';
5
5
  export var mobileBreakpoint = 440;
6
6
  export var StyledPageWrapper = /*#__PURE__*/styled.div.withConfig({
7
7
  displayName: "StyledPageWrapper",
8
- componentId: "core-12_17_2__sc-1yw4cq0-0"
8
+ componentId: "core-12_17_4__sc-1yw4cq0-0"
9
9
  })(["display:flex;flex-direction:column;"]);
10
10
  export var StyledPageBodyWrapper = /*#__PURE__*/styled.div.withConfig({
11
11
  displayName: "StyledPageBodyWrapper",
12
- componentId: "core-12_17_2__sc-1yw4cq0-1"
12
+ componentId: "core-12_17_4__sc-1yw4cq0-1"
13
13
  })(["display:grid;grid-template-columns:1fr auto;"]);
14
14
  export var StyledPageBody = /*#__PURE__*/styled(Page.Body).withConfig({
15
15
  displayName: "StyledPageBody",
16
- componentId: "core-12_17_2__sc-1yw4cq0-2"
16
+ componentId: "core-12_17_4__sc-1yw4cq0-2"
17
17
  })(["padding-bottom:", "px;@media ", "{padding:", "px;}"], spacing.lg, mediaBreakpointsDown.desktopMd, spacing.md);
18
18
  //# sourceMappingURL=PageTemplate.styles.js.map
@@ -5,22 +5,22 @@ import { Typography } from '../Typography/Typography';
5
5
  import { spacing } from '../_styles/spacing';
6
6
  export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
7
7
  displayName: "StyledContainer",
8
- componentId: "core-12_17_2__sc-fy34i1-0"
8
+ componentId: "core-12_17_4__sc-fy34i1-0"
9
9
  })(["display:flex;align-items:center;"]);
10
10
  export var StyledPageCount = /*#__PURE__*/styled(Typography).withConfig({
11
11
  displayName: "StyledPageCount",
12
- componentId: "core-12_17_2__sc-fy34i1-1"
12
+ componentId: "core-12_17_4__sc-fy34i1-1"
13
13
  })(["margin-right:", "px;"], spacing.xl);
14
14
  export var StyledCurrentPage = /*#__PURE__*/styled(Typography).withConfig({
15
15
  displayName: "StyledCurrentPage",
16
- componentId: "core-12_17_2__sc-fy34i1-2"
16
+ componentId: "core-12_17_4__sc-fy34i1-2"
17
17
  })(["margin-right:", "px;"], spacing.sm);
18
18
  export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
19
19
  displayName: "StyledButton",
20
- componentId: "core-12_17_2__sc-fy34i1-3"
20
+ componentId: "core-12_17_4__sc-fy34i1-3"
21
21
  })(["margin-left:", "px;"], spacing.sm);
22
22
  export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
23
23
  displayName: "StyledOverlay",
24
- componentId: "core-12_17_2__sc-fy34i1-4"
24
+ componentId: "core-12_17_4__sc-fy34i1-4"
25
25
  })(["max-height:300px;max-width:248px;"]);
26
26
  //# sourceMappingURL=Pagination.styles.js.map
@@ -10,15 +10,15 @@ var gutter = /*#__PURE__*/css(["> * + *{margin-left:", "px;}"], spacing.sm);
10
10
  var panel = /*#__PURE__*/css(["display:flex;align-items:center;padding:", "px;background:", ";"], spacing.lg, colors.white);
11
11
  export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
12
12
  displayName: "StyledHeader",
13
- componentId: "core-12_17_2__sc-lidix2-0"
13
+ componentId: "core-12_17_4__sc-lidix2-0"
14
14
  })(["border-bottom:1px solid ", ";", ""], colors.gray85, panel);
15
15
  export var StyledTitle = /*#__PURE__*/styled(Typography).withConfig({
16
16
  displayName: "StyledTitle",
17
- componentId: "core-12_17_2__sc-lidix2-1"
17
+ componentId: "core-12_17_4__sc-lidix2-1"
18
18
  })(["flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
19
19
  export var StyledHeaderBackAction = /*#__PURE__*/styled.div.withConfig({
20
20
  displayName: "StyledHeaderBackAction",
21
- componentId: "core-12_17_2__sc-lidix2-2"
21
+ componentId: "core-12_17_4__sc-lidix2-2"
22
22
  })(["transition:all 300ms ease-out;flex-shrink:0;width:", "px;margin-right:", "px;opacity:", ";transform:translateX( ", "px );"], function (_ref) {
23
23
  var active = _ref.active;
24
24
  return active ? headerActionSize : 0;
@@ -34,38 +34,38 @@ export var StyledHeaderBackAction = /*#__PURE__*/styled.div.withConfig({
34
34
  });
35
35
  export var StyledMoreMenu = /*#__PURE__*/styled(Card).withConfig({
36
36
  displayName: "StyledMoreMenu",
37
- componentId: "core-12_17_2__sc-lidix2-3"
37
+ componentId: "core-12_17_4__sc-lidix2-3"
38
38
  })(["max-height:128px;"]);
39
39
  export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
40
40
  displayName: "StyledHeaderActions",
41
- componentId: "core-12_17_2__sc-lidix2-4"
41
+ componentId: "core-12_17_4__sc-lidix2-4"
42
42
  })(["display:flex;margin-left:", "px;flex-shrink:0;", ""], spacing.lg, gutter);
43
43
  export var StyledCloseButton = /*#__PURE__*/styled.div.withConfig({
44
44
  displayName: "StyledCloseButton",
45
- componentId: "core-12_17_2__sc-lidix2-5"
45
+ componentId: "core-12_17_4__sc-lidix2-5"
46
46
  })(["margin-left:", "px;"], spacing.sm);
47
47
  export var StyledBody = /*#__PURE__*/styled.div.withConfig({
48
48
  displayName: "StyledBody",
49
- componentId: "core-12_17_2__sc-lidix2-6"
49
+ componentId: "core-12_17_4__sc-lidix2-6"
50
50
  })(["height:100%;background:", ";overflow-y:auto;> ", "{padding-left:", "px;padding-right:", "px;", "{padding-left:0;padding-right:0;}&:first-child > ", "{padding-top:", "px;}}"], function (_ref5) {
51
51
  var secondaryBgColor = _ref5.secondaryBgColor;
52
52
  return secondaryBgColor ? colors.gray96 : colors.white;
53
53
  }, StyledSection, spacing.lg, spacing.lg, StyledSection, StyledSectionInner, spacing.lg);
54
54
  export var StyledPanel = /*#__PURE__*/styled.aside.withConfig({
55
55
  displayName: "StyledPanel",
56
- componentId: "core-12_17_2__sc-lidix2-7"
56
+ componentId: "core-12_17_4__sc-lidix2-7"
57
57
  })(["display:flex;flex-direction:column;width:100%;height:100%;background:", ";overflow:hidden;"], colors.white);
58
58
  export var StyledFooterNotation = /*#__PURE__*/styled.div.withConfig({
59
59
  displayName: "StyledFooterNotation",
60
- componentId: "core-12_17_2__sc-lidix2-8"
60
+ componentId: "core-12_17_4__sc-lidix2-8"
61
61
  })(["flex-grow:1;"]);
62
62
  export var StyledFooterActions = /*#__PURE__*/styled.div.withConfig({
63
63
  displayName: "StyledFooterActions",
64
- componentId: "core-12_17_2__sc-lidix2-9"
64
+ componentId: "core-12_17_4__sc-lidix2-9"
65
65
  })(["", ""], gutter);
66
66
  export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
67
67
  displayName: "StyledFooter",
68
- componentId: "core-12_17_2__sc-lidix2-10"
68
+ componentId: "core-12_17_4__sc-lidix2-10"
69
69
  })(["border-top:1px solid ", ";justify-content:flex-end;", " ", ""], colors.gray85, panel, function (_ref6) {
70
70
  var $hasShadow = _ref6.$hasShadow;
71
71
  return $hasShadow && css(["box-shadow:0 -4px 6px 0 #0000001a;z-index:1;"]);
@@ -6,14 +6,14 @@ import { PillColorPalets } from './Pill.colorPalette';
6
6
  var pillButtonSize = 16;
7
7
  export var StyledPill = /*#__PURE__*/styled.span.withConfig({
8
8
  displayName: "StyledPill",
9
- componentId: "core-12_17_2__sc-99e1t5-0"
9
+ componentId: "core-12_17_4__sc-99e1t5-0"
10
10
  })(["", " display:inline-block;padding:1px ", "px;border:1px solid;border-radius:10px;font-weight:600;& + &{margin-left:", "px;}", ""], getTypographyIntent('small'), spacing.sm, spacing.xs, function (_ref) {
11
11
  var $color = _ref.$color;
12
12
  return css(["background-color:", ";border-color:", ";color:", ";"], PillColorPalets[$color].backgroundColor, PillColorPalets[$color].borderColor, PillColorPalets[$color].color);
13
13
  });
14
14
  export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
15
15
  displayName: "StyledRemove",
16
- componentId: "core-12_17_2__sc-99e1t5-1"
16
+ componentId: "core-12_17_4__sc-99e1t5-1"
17
17
  })(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:", "px;margin:0 -", "px 0 ", "px;width:", "px;vertical-align:top;", ""], pillButtonSize, pillButtonSize / 2 - spacing.xxs, spacing.xxs, pillButtonSize, function (_ref2) {
18
18
  var $color = _ref2.$color;
19
19
  return css(["&:hover{background:", ";color:", ";}"], PillColorPalets[$color].color, PillColorPalets[$color].backgroundColor);
@@ -6,19 +6,19 @@ import { spacing } from '../_styles/spacing';
6
6
  var checkedIconPlaceholderWidth = 32;
7
7
  export var PillSelectOptionWrapper = /*#__PURE__*/styled.div.withConfig({
8
8
  displayName: "PillSelectOptionWrapper",
9
- componentId: "core-12_17_2__sc-1ai2ze0-0"
9
+ componentId: "core-12_17_4__sc-1ai2ze0-0"
10
10
  })(["display:flex;align-items:center;justify-content:space-between;"]);
11
11
  export var PillSelectCheckedContainer = /*#__PURE__*/styled.div.withConfig({
12
12
  displayName: "PillSelectCheckedContainer",
13
- componentId: "core-12_17_2__sc-1ai2ze0-1"
13
+ componentId: "core-12_17_4__sc-1ai2ze0-1"
14
14
  })(["align-items:center;color:", ";display:inline-flex;padding-left:", "px;width:", "px;"], colors.blue50, spacing.sm, checkedIconPlaceholderWidth);
15
15
  export var PillSelectLabel = /*#__PURE__*/styled(Pill).withConfig({
16
16
  displayName: "PillSelectLabel",
17
- componentId: "core-12_17_2__sc-1ai2ze0-2"
17
+ componentId: "core-12_17_4__sc-1ai2ze0-2"
18
18
  })(["", ""], getEllipsis);
19
19
  export var PillSelectLabelWrapper = /*#__PURE__*/styled.div.withConfig({
20
20
  displayName: "PillSelectLabelWrapper",
21
- componentId: "core-12_17_2__sc-1ai2ze0-3"
21
+ componentId: "core-12_17_4__sc-1ai2ze0-3"
22
22
  })(["display:flex;max-width:100%;pointer-events:auto;", ""], function (_ref) {
23
23
  var disabled = _ref.disabled;
24
24
  return disabled && css(["pointer-events:none;"]);
@@ -1,5 +1,5 @@
1
1
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
- var _excluded = ["children", "fluid", "placement"],
2
+ var _excluded = ["children", "block", "fluid", "placement"],
3
3
  _excluded2 = ["children", "initialIsVisible", "restoreFocusOnHide", "placement", "overlay", "overlayRef", "role"];
4
4
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
5
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -16,6 +16,8 @@ import { isReactElement } from '../_utils/isReactElement';
16
16
  import { StyledPopover, StyledPopoverContent } from './Popover.styles';
17
17
  var Content = /*#__PURE__*/React.forwardRef(function Content(_ref, ref) {
18
18
  var children = _ref.children,
19
+ _ref$block = _ref.block,
20
+ block = _ref$block === void 0 ? false : _ref$block,
19
21
  _ref$fluid = _ref.fluid,
20
22
  fluid = _ref$fluid === void 0 ? false : _ref$fluid,
21
23
  _ref$placement = _ref.placement,
@@ -24,6 +26,7 @@ var Content = /*#__PURE__*/React.forwardRef(function Content(_ref, ref) {
24
26
  return /*#__PURE__*/React.createElement(StyledPopover, {
25
27
  ref: ref
26
28
  }, /*#__PURE__*/React.createElement(StyledPopoverContent, _extends({}, props, {
29
+ $block: block,
27
30
  $fluid: fluid,
28
31
  $placement: placement
29
32
  }), children));
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.js","names":["React","OverlayTrigger","addSubcomponents","isReactElement","StyledPopover","StyledPopoverContent","Content","forwardRef","_ref","ref","children","_ref$fluid","fluid","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","_extends","$fluid","$placement","PopoverInner","_ref2","_ref2$initialIsVisibl","initialIsVisible","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$placement","overlay","overlayRef","role","_excluded2","overlayNode","cloneElement","Fragment","_objectSpread","shrinkOverlay","arrow","Popover_","displayName","Popover"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["import React from 'react'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { isReactElement } from '../_utils/isReactElement'\nimport type { DivAttributes } from '../_utils/types'\nimport { StyledPopover, StyledPopoverContent } from './Popover.styles'\nimport type {\n PopoverContentProps,\n PopoverProps,\n PopoverRole,\n} from './Popover.types'\n\nconst Content = React.forwardRef<\n HTMLDivElement,\n DivAttributes & PopoverContentProps\n>(function Content(\n { children, fluid = false, placement = 'top', ...props },\n ref\n) {\n return (\n <StyledPopover ref={ref}>\n <StyledPopoverContent {...props} $fluid={fluid} $placement={placement}>\n {children}\n </StyledPopoverContent>\n </StyledPopover>\n )\n})\n\nfunction PopoverInner<Role extends PopoverRole>(\n {\n children,\n initialIsVisible = false,\n restoreFocusOnHide = false,\n placement = 'top',\n overlay,\n overlayRef,\n role,\n ...props\n }: PopoverProps<Role>,\n ref: React.ForwardedRef<HTMLElement>\n) {\n const overlayNode = isReactElement(overlay) ? (\n React.cloneElement(overlay, { placement })\n ) : (\n <React.Fragment />\n )\n\n return (\n <OverlayTrigger\n {...{\n ...props,\n initialIsVisible,\n overlay: overlayNode,\n placement,\n role,\n ref,\n restoreFocusOnHide,\n shrinkOverlay: true,\n arrow: true,\n overlayRef,\n }}\n >\n {children}\n </OverlayTrigger>\n )\n}\n\nconst Popover_ = React.forwardRef(PopoverInner) as <Role extends PopoverRole>(\n props: PopoverProps<Role>\n) => ReturnType<typeof PopoverInner>\n\n// @ts-expect-error\nPopover_.displayName = 'Popover'\n\nContent.displayName = 'Popover.Content'\n\n/**\n\n We use popovers to display more of an item’s information or details on hover.\n This may be used to show additional fields in an item’s form that aren’t shown\n by default in the UI. Oftentimes, there will be a visual queue to indicate that\n more information is available.\n\n Do not use popovers to display large amounts of information, perform data\n entry, or use as a replacement for an overflow, menu, or modal.\n\n If you want to show descriptive / educational information about an item,\n use a tooltip.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-popover--demo)\n\n @see [Design Guidelines](https://design.procore.com/popover)\n\n*/\nexport const Popover = addSubcomponents({ Content }, Popover_)\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,SAASC,aAAa,EAAEC,oBAAoB,QAAQ,kBAAkB;AAOtE,IAAMC,OAAO,gBAAGN,KAAK,CAACO,UAAU,CAG9B,SAASD,OAAOA,CAAAE,IAAA,EAEhBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGtD,oBACEjB,KAAA,CAAAkB,aAAA,CAACd,aAAa;IAACK,GAAG,EAAEA;EAAI,gBACtBT,KAAA,CAAAkB,aAAA,CAACb,oBAAoB,EAAAc,QAAA,KAAKJ,KAAK;IAAEK,MAAM,EAAER,KAAM;IAACS,UAAU,EAAEP;EAAU,IACnEJ,QACmB,CACT,CAAC;AAEpB,CAAC,CAAC;AAEF,SAASY,YAAYA,CAAAC,KAAA,EAWnBd,GAAoC,EACpC;EAAA,IAVEC,QAAQ,GAAAa,KAAA,CAARb,QAAQ;IAAAc,qBAAA,GAAAD,KAAA,CACRE,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAH,KAAA,CACxBI,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,eAAA,GAAAL,KAAA,CAC1BT,SAAS;IAATA,SAAS,GAAAc,eAAA,cAAG,KAAK,GAAAA,eAAA;IACjBC,OAAO,GAAAN,KAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,KAAA,CAAVO,UAAU;IACVC,IAAI,GAAAR,KAAA,CAAJQ,IAAI;IACDhB,KAAK,GAAAC,wBAAA,CAAAO,KAAA,EAAAS,UAAA;EAIV,IAAMC,WAAW,GAAG9B,cAAc,CAAC0B,OAAO,CAAC,gBACzC7B,KAAK,CAACkC,YAAY,CAACL,OAAO,EAAE;IAAEf,SAAS,EAATA;EAAU,CAAC,CAAC,gBAE1Cd,KAAA,CAAAkB,aAAA,CAAClB,KAAK,CAACmC,QAAQ,MAAE,CAClB;EAED,oBACEnC,KAAA,CAAAkB,aAAA,CAACjB,cAAc,EAAAmC,aAAA,CAAAA,aAAA,KAERrB,KAAK;IACRU,gBAAgB,EAAhBA,gBAAgB;IAChBI,OAAO,EAAEI,WAAW;IACpBnB,SAAS,EAATA,SAAS;IACTiB,IAAI,EAAJA,IAAI;IACJtB,GAAG,EAAHA,GAAG;IACHkB,kBAAkB,EAAlBA,kBAAkB;IAClBU,aAAa,EAAE,IAAI;IACnBC,KAAK,EAAE,IAAI;IACXR,UAAU,EAAVA;EAAU,IAGXpB,QACa,CAAC;AAErB;AAEA,IAAM6B,QAAQ,gBAAGvC,KAAK,CAACO,UAAU,CAACe,YAAY,CAEV;;AAEpC;AACAiB,QAAQ,CAACC,WAAW,GAAG,SAAS;AAEhClC,OAAO,CAACkC,WAAW,GAAG,iBAAiB;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAGvC,gBAAgB,CAAC;EAAEI,OAAO,EAAPA;AAAQ,CAAC,EAAEiC,QAAQ,CAAC"}
1
+ {"version":3,"file":"Popover.js","names":["React","OverlayTrigger","addSubcomponents","isReactElement","StyledPopover","StyledPopoverContent","Content","forwardRef","_ref","ref","children","_ref$block","block","_ref$fluid","fluid","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","_extends","$block","$fluid","$placement","PopoverInner","_ref2","_ref2$initialIsVisibl","initialIsVisible","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$placement","overlay","overlayRef","role","_excluded2","overlayNode","cloneElement","Fragment","_objectSpread","shrinkOverlay","arrow","Popover_","displayName","Popover"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["import React from 'react'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { isReactElement } from '../_utils/isReactElement'\nimport type { DivAttributes } from '../_utils/types'\nimport { StyledPopover, StyledPopoverContent } from './Popover.styles'\nimport type {\n PopoverContentProps,\n PopoverProps,\n PopoverRole,\n} from './Popover.types'\n\nconst Content = React.forwardRef<\n HTMLDivElement,\n DivAttributes & PopoverContentProps\n>(function Content(\n { children, block = false, fluid = false, placement = 'top', ...props },\n ref\n) {\n return (\n <StyledPopover ref={ref}>\n <StyledPopoverContent\n {...props}\n $block={block}\n $fluid={fluid}\n $placement={placement}\n >\n {children}\n </StyledPopoverContent>\n </StyledPopover>\n )\n})\n\nfunction PopoverInner<Role extends PopoverRole>(\n {\n children,\n initialIsVisible = false,\n restoreFocusOnHide = false,\n placement = 'top',\n overlay,\n overlayRef,\n role,\n ...props\n }: PopoverProps<Role>,\n ref: React.ForwardedRef<HTMLElement>\n) {\n const overlayNode = isReactElement(overlay) ? (\n React.cloneElement(overlay, { placement })\n ) : (\n <React.Fragment />\n )\n\n return (\n <OverlayTrigger\n {...{\n ...props,\n initialIsVisible,\n overlay: overlayNode,\n placement,\n role,\n ref,\n restoreFocusOnHide,\n shrinkOverlay: true,\n arrow: true,\n overlayRef,\n }}\n >\n {children}\n </OverlayTrigger>\n )\n}\n\nconst Popover_ = React.forwardRef(PopoverInner) as <Role extends PopoverRole>(\n props: PopoverProps<Role>\n) => ReturnType<typeof PopoverInner>\n\n// @ts-expect-error\nPopover_.displayName = 'Popover'\n\nContent.displayName = 'Popover.Content'\n\n/**\n\n We use popovers to display more of an item’s information or details on hover.\n This may be used to show additional fields in an item’s form that aren’t shown\n by default in the UI. Oftentimes, there will be a visual queue to indicate that\n more information is available.\n\n Do not use popovers to display large amounts of information, perform data\n entry, or use as a replacement for an overflow, menu, or modal.\n\n If you want to show descriptive / educational information about an item,\n use a tooltip.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-popover--demo)\n\n @see [Design Guidelines](https://design.procore.com/popover)\n\n*/\nexport const Popover = addSubcomponents({ Content }, Popover_)\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,SAASC,aAAa,EAAEC,oBAAoB,QAAQ,kBAAkB;AAOtE,IAAMC,OAAO,gBAAGN,KAAK,CAACO,UAAU,CAG9B,SAASD,OAAOA,CAAAE,IAAA,EAEhBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,UAAA,GAAAL,IAAA,CAAEM,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,cAAA,GAAAP,IAAA,CAAEQ,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAGrE,oBACEnB,KAAA,CAAAoB,aAAA,CAAChB,aAAa;IAACK,GAAG,EAAEA;EAAI,gBACtBT,KAAA,CAAAoB,aAAA,CAACf,oBAAoB,EAAAgB,QAAA,KACfJ,KAAK;IACTK,MAAM,EAAEV,KAAM;IACdW,MAAM,EAAET,KAAM;IACdU,UAAU,EAAER;EAAU,IAErBN,QACmB,CACT,CAAC;AAEpB,CAAC,CAAC;AAEF,SAASe,YAAYA,CAAAC,KAAA,EAWnBjB,GAAoC,EACpC;EAAA,IAVEC,QAAQ,GAAAgB,KAAA,CAARhB,QAAQ;IAAAiB,qBAAA,GAAAD,KAAA,CACRE,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAH,KAAA,CACxBI,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,eAAA,GAAAL,KAAA,CAC1BV,SAAS;IAATA,SAAS,GAAAe,eAAA,cAAG,KAAK,GAAAA,eAAA;IACjBC,OAAO,GAAAN,KAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,KAAA,CAAVO,UAAU;IACVC,IAAI,GAAAR,KAAA,CAAJQ,IAAI;IACDjB,KAAK,GAAAC,wBAAA,CAAAQ,KAAA,EAAAS,UAAA;EAIV,IAAMC,WAAW,GAAGjC,cAAc,CAAC6B,OAAO,CAAC,gBACzChC,KAAK,CAACqC,YAAY,CAACL,OAAO,EAAE;IAAEhB,SAAS,EAATA;EAAU,CAAC,CAAC,gBAE1ChB,KAAA,CAAAoB,aAAA,CAACpB,KAAK,CAACsC,QAAQ,MAAE,CAClB;EAED,oBACEtC,KAAA,CAAAoB,aAAA,CAACnB,cAAc,EAAAsC,aAAA,CAAAA,aAAA,KAERtB,KAAK;IACRW,gBAAgB,EAAhBA,gBAAgB;IAChBI,OAAO,EAAEI,WAAW;IACpBpB,SAAS,EAATA,SAAS;IACTkB,IAAI,EAAJA,IAAI;IACJzB,GAAG,EAAHA,GAAG;IACHqB,kBAAkB,EAAlBA,kBAAkB;IAClBU,aAAa,EAAE,IAAI;IACnBC,KAAK,EAAE,IAAI;IACXR,UAAU,EAAVA;EAAU,IAGXvB,QACa,CAAC;AAErB;AAEA,IAAMgC,QAAQ,gBAAG1C,KAAK,CAACO,UAAU,CAACkB,YAAY,CAEV;;AAEpC;AACAiB,QAAQ,CAACC,WAAW,GAAG,SAAS;AAEhCrC,OAAO,CAACqC,WAAW,GAAG,iBAAiB;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG1C,gBAAgB,CAAC;EAAEI,OAAO,EAAPA;AAAQ,CAAC,EAAEoC,QAAQ,CAAC"}
@@ -1,9 +1,10 @@
1
1
  import type { Placement } from '../_utils/placement';
2
2
  export declare const popoverArrowSize = 6;
3
3
  interface StyledPopoverProps {
4
+ $block: boolean;
4
5
  $fluid: boolean;
5
6
  $placement: Placement;
6
7
  }
7
- export declare const StyledPopoverContent: import("styled-components").StyledComponent<"span", any, Required<StyledPopoverProps>, never>;
8
+ export declare const StyledPopoverContent: import("styled-components").StyledComponent<"span", any, StyledPopoverProps, never>;
8
9
  export declare const StyledPopover: import("styled-components").StyledComponent<"div", any, {}, never>;
9
10
  export {};
@@ -5,15 +5,16 @@ import { getShadow } from '../_styles/shadows';
5
5
  export var popoverArrowSize = 6;
6
6
  export var StyledPopoverContent = /*#__PURE__*/styled.span.withConfig({
7
7
  displayName: "StyledPopoverContent",
8
- componentId: "core-12_17_2__sc-1cd0ihn-0"
8
+ componentId: "core-12_17_4__sc-1cd0ihn-0"
9
9
  })(["background-color:", ";border-radius:", "px;color:", ";display:inline-block;max-width:250px;position:relative;", ""], colors.white, borderRadius.md, colors.gray15, function (_ref) {
10
- var $fluid = _ref.$fluid;
11
- if ($fluid) {
10
+ var $block = _ref.$block,
11
+ $fluid = _ref.$fluid;
12
+ if ($block || $fluid) {
12
13
  return css(["max-width:none;"]);
13
14
  }
14
15
  });
15
16
  export var StyledPopover = /*#__PURE__*/styled.div.withConfig({
16
17
  displayName: "StyledPopover",
17
- componentId: "core-12_17_2__sc-1cd0ihn-1"
18
+ componentId: "core-12_17_4__sc-1cd0ihn-1"
18
19
  })(["display:inline-block;", " & + [data-overlay-arrow]{background:", ";}"], getShadow(3), colors.white);
19
20
  //# sourceMappingURL=Popover.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.styles.js","names":["styled","css","borderRadius","colors","getShadow","popoverArrowSize","StyledPopoverContent","span","withConfig","displayName","componentId","white","md","gray15","_ref","$fluid","StyledPopover","div"],"sources":["../../src/Popover/Popover.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport type { Placement } from '../_utils/placement'\n\nexport const popoverArrowSize = 6\n\ninterface StyledPopoverProps {\n $fluid: boolean\n $placement: Placement\n}\n\nexport const StyledPopoverContent = styled.span<Required<StyledPopoverProps>>`\n background-color: ${colors.white};\n border-radius: ${borderRadius.md}px;\n\n color: ${colors.gray15};\n display: inline-block;\n max-width: 250px;\n position: relative;\n\n ${({ $fluid }) => {\n if ($fluid) {\n return css`\n max-width: none;\n `\n }\n }}\n`\n\nexport const StyledPopover = styled.div`\n display: inline-block;\n ${getShadow(3)}\n\n & + [data-overlay-arrow] {\n background: ${colors.white};\n }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAG9C,OAAO,IAAMC,gBAAgB,GAAG,CAAC;AAOjC,OAAO,IAAMC,oBAAoB,gBAAGN,MAAM,CAACO,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HACzBP,MAAM,CAACQ,KAAK,EACfT,YAAY,CAACU,EAAE,EAEvBT,MAAM,CAACU,MAAM,EAKpB,UAAAC,IAAA,EAAgB;EAAA,IAAbC,MAAM,GAAAD,IAAA,CAANC,MAAM;EACT,IAAIA,MAAM,EAAE;IACV,OAAOd,GAAG;EAGZ;AACF,CAAC,CACF;AAED,OAAO,IAAMe,aAAa,gBAAGhB,MAAM,CAACiB,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6EAEnCN,SAAS,CAAC,CAAC,CAAC,EAGED,MAAM,CAACQ,KAAK,CAE7B"}
1
+ {"version":3,"file":"Popover.styles.js","names":["styled","css","borderRadius","colors","getShadow","popoverArrowSize","StyledPopoverContent","span","withConfig","displayName","componentId","white","md","gray15","_ref","$block","$fluid","StyledPopover","div"],"sources":["../../src/Popover/Popover.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport type { Placement } from '../_utils/placement'\n\nexport const popoverArrowSize = 6\n\ninterface StyledPopoverProps {\n $block: boolean\n $fluid: boolean\n $placement: Placement\n}\n\nexport const StyledPopoverContent = styled.span<StyledPopoverProps>`\n background-color: ${colors.white};\n border-radius: ${borderRadius.md}px;\n\n color: ${colors.gray15};\n display: inline-block;\n max-width: 250px;\n position: relative;\n\n ${({ $block, $fluid }) => {\n if ($block || $fluid) {\n return css`\n max-width: none;\n `\n }\n }}\n`\n\nexport const StyledPopover = styled.div`\n display: inline-block;\n ${getShadow(3)}\n\n & + [data-overlay-arrow] {\n background: ${colors.white};\n }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAG9C,OAAO,IAAMC,gBAAgB,GAAG,CAAC;AAQjC,OAAO,IAAMC,oBAAoB,gBAAGN,MAAM,CAACO,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HACzBP,MAAM,CAACQ,KAAK,EACfT,YAAY,CAACU,EAAE,EAEvBT,MAAM,CAACU,MAAM,EAKpB,UAAAC,IAAA,EAAwB;EAAA,IAArBC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;EACjB,IAAID,MAAM,IAAIC,MAAM,EAAE;IACpB,OAAOf,GAAG;EAGZ;AACF,CAAC,CACF;AAED,OAAO,IAAMgB,aAAa,gBAAGjB,MAAM,CAACkB,GAAG,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6EAEnCN,SAAS,CAAC,CAAC,CAAC,EAGED,MAAM,CAACQ,KAAK,CAE7B"}
@@ -5,8 +5,14 @@ import type { TriggerConfig } from '../_hooks/Trigger';
5
5
  import type { Placement } from '../_utils/placement';
6
6
  import type { AriaLabelled, Props } from '../_utils/types';
7
7
  export interface PopoverContentProps {
8
+ /**
9
+ * @since 12.18.0
10
+ * */
11
+ block?: boolean;
8
12
  /**
9
13
  * @since 10.19.0
14
+ * @deprecatedSince 12.18.0
15
+ * @deprecated Use `block` as a drop-in replacement
10
16
  */
11
17
  fluid?: boolean;
12
18
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.types.js","names":[],"sources":["../../src/Popover/Popover.types.ts"],"sourcesContent":["import type { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types'\nimport type { BeforeCallback } from '../_hooks/DelayedCallback'\nimport type { TriggerConfig } from '../_hooks/Trigger'\nimport type { Placement } from '../_utils/placement'\nimport type { AriaLabelled, Props } from '../_utils/types'\n\nexport interface PopoverContentProps {\n /**\n * @since 10.19.0\n */\n fluid?: boolean\n /**\n * @since 10.19.0\n */\n placement?: Placement\n}\n\nexport type PopoverRole = 'dialog' | undefined\n\nexport interface PopoverBaseProps<Role extends PopoverRole = undefined>\n extends Props {\n /**\n * Whether to show the overlay on initial render\n * @defaultValue false\n * @since 10.19.0\n */\n initialIsVisible?: boolean\n /**\n * The tip we want to display\n * @since 10.19.0\n */\n overlay?: React.ReactElement<{ placement?: Placement }>\n /**\n * Determines the position of the arrow\n * @defaultValue top\n * @since 10.19.0\n */\n placement?: Placement\n /**\n * Return focus to trigger after the closing popover modal dialog\n * @a11y Should be set to true.\n * @defaultValue false\n * @since 11.8.0\n */\n restoreFocusOnHide?: boolean\n /**\n * The event to trigger the overlay\n * @defaultValue click\n * @since 10.19.0\n */\n trigger?: TriggerConfig['trigger']\n\n /**\n * Toggles overlay visibility\n * @since 11.2.0\n */\n overlayRef?: React.Ref<OverlayTriggerRef>\n /**\n * @since 11.11.0\n */\n role?: Role\n\n /**\n * The callback to run before the overlay is hidden. Returning\n * `false` will prevent hiding.\n * ```\n * (e: event) => boolean | Promise | undefined\n * ```\n * @since 11.15.0\n */\n beforeHide?: BeforeCallback\n\n /**\n * The callback to run before the overlay is shown. Returning\n * `false` will prevent showing.\n * ```\n * (e: event) => boolean | Promise | undefined\n * ```\n * @since 11.15.0\n */\n beforeShow?: BeforeCallback\n}\n\nexport type PopoverProps<Role extends PopoverRole = undefined> =\n Role extends 'dialog'\n ? AriaLabelled<PopoverBaseProps<'dialog'>>\n : PopoverBaseProps<undefined>\n"],"mappings":""}
1
+ {"version":3,"file":"Popover.types.js","names":[],"sources":["../../src/Popover/Popover.types.ts"],"sourcesContent":["import type { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types'\nimport type { BeforeCallback } from '../_hooks/DelayedCallback'\nimport type { TriggerConfig } from '../_hooks/Trigger'\nimport type { Placement } from '../_utils/placement'\nimport type { AriaLabelled, Props } from '../_utils/types'\n\nexport interface PopoverContentProps {\n /**\n * @since 12.18.0\n * */\n block?: boolean\n /**\n * @since 10.19.0\n * @deprecatedSince 12.18.0\n * @deprecated Use `block` as a drop-in replacement\n */\n fluid?: boolean\n /**\n * @since 10.19.0\n */\n placement?: Placement\n}\n\nexport type PopoverRole = 'dialog' | undefined\n\nexport interface PopoverBaseProps<Role extends PopoverRole = undefined>\n extends Props {\n /**\n * Whether to show the overlay on initial render\n * @defaultValue false\n * @since 10.19.0\n */\n initialIsVisible?: boolean\n /**\n * The tip we want to display\n * @since 10.19.0\n */\n overlay?: React.ReactElement<{ placement?: Placement }>\n /**\n * Determines the position of the arrow\n * @defaultValue top\n * @since 10.19.0\n */\n placement?: Placement\n /**\n * Return focus to trigger after the closing popover modal dialog\n * @a11y Should be set to true.\n * @defaultValue false\n * @since 11.8.0\n */\n restoreFocusOnHide?: boolean\n /**\n * The event to trigger the overlay\n * @defaultValue click\n * @since 10.19.0\n */\n trigger?: TriggerConfig['trigger']\n\n /**\n * Toggles overlay visibility\n * @since 11.2.0\n */\n overlayRef?: React.Ref<OverlayTriggerRef>\n /**\n * @since 11.11.0\n */\n role?: Role\n\n /**\n * The callback to run before the overlay is hidden. Returning\n * `false` will prevent hiding.\n * ```\n * (e: event) => boolean | Promise | undefined\n * ```\n * @since 11.15.0\n */\n beforeHide?: BeforeCallback\n\n /**\n * The callback to run before the overlay is shown. Returning\n * `false` will prevent showing.\n * ```\n * (e: event) => boolean | Promise | undefined\n * ```\n * @since 11.15.0\n */\n beforeShow?: BeforeCallback\n}\n\nexport type PopoverProps<Role extends PopoverRole = undefined> =\n Role extends 'dialog'\n ? AriaLabelled<PopoverBaseProps<'dialog'>>\n : PopoverBaseProps<undefined>\n"],"mappings":""}
@@ -1,6 +1,6 @@
1
1
  import styled from 'styled-components';
2
2
  export var StyledPortal = /*#__PURE__*/styled.div.withConfig({
3
3
  displayName: "StyledPortal",
4
- componentId: "core-12_17_2__sc-15o1h2-0"
4
+ componentId: "core-12_17_4__sc-15o1h2-0"
5
5
  })(["left:0;pointer-events:none;position:fixed;top:0;> *{pointer-events:all;}"]);
6
6
  //# sourceMappingURL=Portal.styles.js.map
@@ -7,11 +7,11 @@ var animationDelay = '300ms';
7
7
  var fadeIn = /*#__PURE__*/keyframes(["from{opacity:1;}to{opacity:0;}"]);
8
8
  export var StyledProgressBarLoader = /*#__PURE__*/styled(Loader).withConfig({
9
9
  displayName: "StyledProgressBarLoader",
10
- componentId: "core-12_17_2__sc-vdy2wl-0"
10
+ componentId: "core-12_17_4__sc-vdy2wl-0"
11
11
  })([""]);
12
12
  export var StyledProgressBar = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledProgressBar",
14
- componentId: "core-12_17_2__sc-vdy2wl-1"
14
+ componentId: "core-12_17_4__sc-vdy2wl-1"
15
15
  })(["overflow:hidden;position:relative;display:block;height:", "px;background-color:", ";border-radius:", "px;margin:", "px 0;transition:background-color 0s linear;", " ", ""], loaderGridUnit, function (_ref) {
16
16
  var $complete = _ref.$complete;
17
17
  return $complete ? colors.blue50 : colors.gray94;
@@ -9,7 +9,7 @@ export var dataQa = {
9
9
  var radioButtonSize = 20;
10
10
  export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
11
11
  displayName: "StyledRadioButton",
12
- componentId: "core-12_17_2__sc-nd95zs-0"
12
+ componentId: "core-12_17_4__sc-nd95zs-0"
13
13
  })(["color:", ";display:flex;position:relative;vertical-align:middle;& + &{margin-top:", "px;}", " ", ""], colors.gray15, spacing.md, function (_ref) {
14
14
  var $error = _ref.$error;
15
15
  return $error && css(["", ":before,", ":checked:not(:disabled) + ", ":before{border-color:", ";}", ":checked:disabled + ", ":before{border-color:", ";}"], StyledRadioButtonLabel, StyledRadioButtonInput, StyledRadioButtonLabel, colors.red50, StyledRadioButtonInput, StyledRadioButtonLabel, colors.gray85);
@@ -19,10 +19,10 @@ export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
19
19
  });
20
20
  export var StyledRadioButtonLabel = /*#__PURE__*/styled.span.withConfig({
21
21
  displayName: "StyledRadioButtonLabel",
22
- componentId: "core-12_17_2__sc-nd95zs-1"
22
+ componentId: "core-12_17_4__sc-nd95zs-1"
23
23
  })(["", ";cursor:default;display:flex;&:before{background:", ";border-radius:100%;border:2px solid ", ";content:'';display:inline-block;flex:0;height:", "px;min-width:", "px;width:", "px;}"], getTypographyIntent('body'), colors.white, colors.gray70, radioButtonSize, radioButtonSize, radioButtonSize);
24
24
  export var StyledRadioButtonInput = /*#__PURE__*/styled.input.withConfig({
25
25
  displayName: "StyledRadioButtonInput",
26
- componentId: "core-12_17_2__sc-nd95zs-2"
26
+ componentId: "core-12_17_4__sc-nd95zs-2"
27
27
  })(["left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;&:focus:not(:checked),&[data-qa=", "]:not(:checked){&:not(:disabled) + ", ":before{", "}}&:focus:checked:not(:disabled),&[data-qa=", "]:checked:not(:disabled){+ ", ":before{box-shadow:0 0 0 2px ", ";}}&:checked + ", ":before{border:6px solid ", ";}&:disabled + ", ":before{border-color:", ";}&:disabled:checked + ", ":before{border-color:", ";}"], dataQa.focused, StyledRadioButtonLabel, getFocus(), dataQa.focused, StyledRadioButtonLabel, colors.blue40, StyledRadioButtonLabel, colors.blue50, StyledRadioButtonLabel, colors.gray85, StyledRadioButtonLabel, colors.blue85);
28
28
  //# sourceMappingURL=RadioButton.styles.js.map
@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
5
5
  import { spacing } from '../_styles/spacing';
6
6
  export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
7
7
  displayName: "StyledRequiredMark",
8
- componentId: "core-12_17_2__sc-bja1ql-0"
8
+ componentId: "core-12_17_4__sc-bja1ql-0"
9
9
  })(["color:", ";", ""], colors.red50, function (_ref) {
10
10
  var $showLabel = _ref.$showLabel;
11
11
  if ($showLabel) {
@@ -15,10 +15,10 @@ export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
15
15
  });
16
16
  export var StyledRequiredContainer = /*#__PURE__*/styled.span.withConfig({
17
17
  displayName: "StyledRequiredContainer",
18
- componentId: "core-12_17_2__sc-bja1ql-1"
18
+ componentId: "core-12_17_4__sc-bja1ql-1"
19
19
  })(["", " ", " > &{margin-left:", "px;}"], getTypographyIntent('small'), StyledCheckboxLabel, spacing.xs);
20
20
  export var StyledRequiredText = /*#__PURE__*/styled.span.withConfig({
21
21
  displayName: "StyledRequiredText",
22
- componentId: "core-12_17_2__sc-bja1ql-2"
22
+ componentId: "core-12_17_4__sc-bja1ql-2"
23
23
  })(["font-style:italic;color:", ";margin-left:4px;"], colors.gray45);
24
24
  //# sourceMappingURL=Required.styles.js.map
@@ -27,22 +27,22 @@ export function getSearchInputStyles() {
27
27
  }
28
28
  export var StyledInput = /*#__PURE__*/styled.input.withConfig({
29
29
  displayName: "StyledInput",
30
- componentId: "core-12_17_2__sc-3j8khv-0"
30
+ componentId: "core-12_17_4__sc-3j8khv-0"
31
31
  })(["", ""], getSearchInputStyles);
32
32
  var StyledButton = /*#__PURE__*/styled(Button).withConfig({
33
33
  displayName: "StyledButton",
34
- componentId: "core-12_17_2__sc-3j8khv-1"
34
+ componentId: "core-12_17_4__sc-3j8khv-1"
35
35
  })(["position:absolute;top:", "px;"], buttonTop);
36
36
  export var StyledSearchButton = /*#__PURE__*/styled(StyledButton).withConfig({
37
37
  displayName: "StyledSearchButton",
38
- componentId: "core-12_17_2__sc-3j8khv-2"
38
+ componentId: "core-12_17_4__sc-3j8khv-2"
39
39
  })([""]);
40
40
  export var StyledClearButton = /*#__PURE__*/styled(StyledButton).withConfig({
41
41
  displayName: "StyledClearButton",
42
- componentId: "core-12_17_2__sc-3j8khv-3"
42
+ componentId: "core-12_17_4__sc-3j8khv-3"
43
43
  })([""]);
44
44
  export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
45
45
  displayName: "StyledSearch",
46
- componentId: "core-12_17_2__sc-3j8khv-4"
46
+ componentId: "core-12_17_4__sc-3j8khv-4"
47
47
  })(["position:relative;width:100%;", "{padding-right:", "px;}", "{right:", "px;}", "{right:", "px;}"], StyledInput, inputRight, StyledSearchButton, searchRight, StyledClearButton, clearRight);
48
48
  //# sourceMappingURL=Search.styles.js.map