@procore/core-react 12.48.0 → 12.48.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 (216) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/AnchorNavigation/AnchorNavigation.styles.js +4 -4
  3. package/dist/Avatar/Avatar.styles.js +5 -5
  4. package/dist/AvatarStack/AvatarStack.styles.js +7 -7
  5. package/dist/Badge/Badge.d.ts +19 -0
  6. package/dist/Badge/Badge.js +20 -0
  7. package/dist/Badge/Badge.js.map +1 -1
  8. package/dist/Badge/Badge.styles.js +2 -2
  9. package/dist/BadgePill/BadgePill.styles.js +4 -4
  10. package/dist/Banner/Banner.styles.js +10 -10
  11. package/dist/Box/Box.styles.js +1 -1
  12. package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  13. package/dist/Button/Button.styles.js +5 -5
  14. package/dist/Calendar/Calendar.styles.js +9 -9
  15. package/dist/Card/Card.styles.js +1 -1
  16. package/dist/Checkbox/Checkbox.styles.js +7 -7
  17. package/dist/Checkbox/Checkbox.styles.js.map +1 -1
  18. package/dist/ContactItem/ContactItem.styles.js +5 -5
  19. package/dist/Content/Content.styles.js +2 -2
  20. package/dist/DateInput/DateInput.styles.js +6 -6
  21. package/dist/DetailPage/DetailPage.styles.js +7 -7
  22. package/dist/Dropdown/Dropdown.styles.js +3 -3
  23. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  24. package/dist/Dropzone/Dropzone.js +1 -1
  25. package/dist/Dropzone/Dropzone.styles.js +9 -9
  26. package/dist/EmptyState/EmptyState.styles.js +6 -6
  27. package/dist/Field/Field.styles.js +3 -3
  28. package/dist/FileList/FileList.js +4 -0
  29. package/dist/FileList/FileList.js.map +1 -1
  30. package/dist/FileList/FileList.styles.js +3 -3
  31. package/dist/FileList/storybook/fileListMockData.js +14 -14
  32. package/dist/FileList/storybook/fileListMockData.js.map +1 -1
  33. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  34. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  35. package/dist/FileSelect/FileSelect.styles.js +2 -2
  36. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  37. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  38. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  39. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  40. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  41. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  42. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  43. package/dist/FileToken/FileToken.styles.js +6 -6
  44. package/dist/FilterToken/FilterToken.styles.js +5 -5
  45. package/dist/FlexList/FlexList.styles.js +1 -1
  46. package/dist/Form/Form.styles.js +13 -13
  47. package/dist/Form/StyledFormikForm.styles.js +2 -2
  48. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +2 -2
  49. package/dist/Grid/Grid.styles.js +2 -2
  50. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  51. package/dist/Input/Input.styles.js +1 -1
  52. package/dist/Link/Link.styles.js +1 -1
  53. package/dist/ListPage/ListPage.d.ts +25 -1
  54. package/dist/ListPage/ListPage.js +25 -1
  55. package/dist/ListPage/ListPage.js.map +1 -1
  56. package/dist/ListPage/ListPage.styles.js +8 -8
  57. package/dist/Loader/Loader.styles.js +2 -2
  58. package/dist/MenuImperative/MenuImperative.styles.js +11 -11
  59. package/dist/Modal/Modal.styles.js +13 -13
  60. package/dist/MultiSelect/MultiSelect.styles.js +8 -8
  61. package/dist/NextMenu/NextMenu.styles.js +3 -3
  62. package/dist/NextTile/NextTile.styles.js +5 -5
  63. package/dist/Notation/Notation.js +1 -1
  64. package/dist/NumberInput/NumberInput.styles.js +7 -7
  65. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  66. package/dist/PageLayout/PageLayout.styles.js +16 -16
  67. package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
  68. package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js +3 -3
  69. package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js +2 -2
  70. package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js +3 -3
  71. package/dist/Pagination/Pagination.js +2 -1
  72. package/dist/Pagination/Pagination.js.map +1 -1
  73. package/dist/Pagination/Pagination.styles.js +5 -5
  74. package/dist/Pagination/PaginationSelect.js +15 -2
  75. package/dist/Pagination/PaginationSelect.js.map +1 -1
  76. package/dist/Panel/Panel.styles.js +11 -11
  77. package/dist/Pill/Pill.styles.js +3 -3
  78. package/dist/PillSelect/PillSelect.styles.js +4 -4
  79. package/dist/Popover/Popover.js +2 -3
  80. package/dist/Popover/Popover.js.map +1 -1
  81. package/dist/Popover/Popover.styles.js +2 -2
  82. package/dist/Popover/Popover.types.d.ts +4 -3
  83. package/dist/Popover/Popover.types.js.map +1 -1
  84. package/dist/Portal/Portal.styles.js +1 -1
  85. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  86. package/dist/RadioButton/RadioButton.styles.js +3 -3
  87. package/dist/Required/Required.styles.js +3 -3
  88. package/dist/Search/Search.styles.js +5 -5
  89. package/dist/Section/Section.styles.js +7 -7
  90. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  91. package/dist/Select/Select.styles.js +8 -8
  92. package/dist/Semantic/Semantic.styles.js +9 -9
  93. package/dist/Slider/Slider.styles.js +5 -5
  94. package/dist/Spinner/Spinner.styles.js +8 -8
  95. package/dist/Spinner/Spinner.styles.js.map +1 -1
  96. package/dist/SplitViewCard/SplitViewCard.styles.js +8 -8
  97. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  98. package/dist/SuperSelect/SuperSelect.styles.js +40 -40
  99. package/dist/Switch/Switch.styles.js +5 -5
  100. package/dist/Switch/Switch.styles.js.map +1 -1
  101. package/dist/Table/Table.styles.js +29 -29
  102. package/dist/TableShelf/TableShelf.styles.js +5 -5
  103. package/dist/Tabs/Tabs.styles.js +16 -16
  104. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  105. package/dist/TextArea/TextArea.styles.js +1 -1
  106. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  107. package/dist/Thumbnail/Thumbnail.styles.js +21 -21
  108. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  109. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  110. package/dist/Tile/Tile.styles.js +8 -8
  111. package/dist/Title/Title.styles.js +7 -7
  112. package/dist/Toast/Toast.styles.js +3 -3
  113. package/dist/ToggleButton/ToggleButton.styles.js +5 -3
  114. package/dist/ToggleButton/ToggleButton.styles.js.map +1 -1
  115. package/dist/Token/Token.styles.js +5 -5
  116. package/dist/ToolHeader/ToolHeader.d.ts +34 -5
  117. package/dist/ToolHeader/ToolHeader.js +34 -5
  118. package/dist/ToolHeader/ToolHeader.js.map +1 -1
  119. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  120. package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
  121. package/dist/Tooltip/Tooltip.styles.js +3 -3
  122. package/dist/Tree/Tree.js +1 -1
  123. package/dist/Tree/Tree.styles.js +10 -10
  124. package/dist/Typeahead/Typeahead.styles.js +3 -3
  125. package/dist/Typography/Typography.styles.js +1 -1
  126. package/dist/Typography/Typography.table.story.js +2 -2
  127. package/dist/_storyHelpers_/components/Deprecation.styles.js +1 -1
  128. package/dist/_storyHelpers_/components/StoryGrid.js +3 -3
  129. package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json +4 -4
  130. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  131. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +25 -25
  132. package/dist/_typedoc/Badge/Badge.json +9 -0
  133. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  134. package/dist/_typedoc/Banner/Banner.types.json +15 -15
  135. package/dist/_typedoc/Box/Box.types.json +68 -68
  136. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  137. package/dist/_typedoc/Button/Button.types.json +14 -14
  138. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  139. package/dist/_typedoc/Card/Card.types.json +6 -6
  140. package/dist/_typedoc/Checkbox/Checkbox.types.json +8 -8
  141. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  142. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  143. package/dist/_typedoc/DateSelect/DateSelect.types.json +14 -14
  144. package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
  145. package/dist/_typedoc/Dropdown/Dropdown.types.json +38 -38
  146. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +31 -31
  147. package/dist/_typedoc/Dropzone/Dropzone.types.json +44 -44
  148. package/dist/_typedoc/EmptyState/EmptyState.types.json +18 -18
  149. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  150. package/dist/_typedoc/FileSelect/FileSelect.types.json +27 -27
  151. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  152. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  153. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  154. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  155. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  156. package/dist/_typedoc/Form/Form.types.json +762 -762
  157. package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +12 -12
  158. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  159. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +54 -54
  160. package/dist/_typedoc/Input/Input.types.json +2 -2
  161. package/dist/_typedoc/Link/Link.types.json +1 -1
  162. package/dist/_typedoc/ListPage/ListPage.json +2 -2
  163. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  164. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  165. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +84 -84
  166. package/dist/_typedoc/Modal/Modal.types.json +48 -48
  167. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +33 -33
  168. package/dist/_typedoc/NextTile/NextTile.types.json +33 -33
  169. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  170. package/dist/_typedoc/NumberInput/NumberInput.types.json +48 -48
  171. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +33 -33
  172. package/dist/_typedoc/PageLayout/PageLayout.types.json +28 -28
  173. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  174. package/dist/_typedoc/Panel/Panel.types.json +28 -28
  175. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  176. package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
  177. package/dist/_typedoc/Popover/Popover.types.json +19 -19
  178. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +7 -7
  179. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  180. package/dist/_typedoc/Required/Required.types.json +5 -5
  181. package/dist/_typedoc/Search/Search.types.json +18 -18
  182. package/dist/_typedoc/Section/Section.types.json +15 -15
  183. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +21 -21
  184. package/dist/_typedoc/Select/Select.types.json +67 -67
  185. package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
  186. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  187. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  188. package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +14 -14
  189. package/dist/_typedoc/Table/Table.types.json +105 -105
  190. package/dist/_typedoc/Tabs/Tabs.types.json +21 -21
  191. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +17 -17
  192. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  193. package/dist/_typedoc/TextEditor/TextEditor.types.json +11 -11
  194. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
  195. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  196. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +43 -43
  197. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +29 -29
  198. package/dist/_typedoc/Tile/Tile.types.json +8 -8
  199. package/dist/_typedoc/Title/Title.types.json +1 -1
  200. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  201. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
  202. package/dist/_typedoc/Token/Token.types.json +7 -7
  203. package/dist/_typedoc/ToolHeader/ToolHeader.json +2 -2
  204. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  205. package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +8 -8
  206. package/dist/_typedoc/Tooltip/Tooltip.types.json +15 -15
  207. package/dist/_typedoc/Tree/Tree.types.json +88 -88
  208. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  209. package/dist/_typedoc/Typography/Typography.types.json +9 -9
  210. package/dist/_typedoc/_utils/types.json +3 -3
  211. package/dist/_typedoc/a11y-tips.json +1 -1
  212. package/dist/_typedoc/deprecations.json +1 -1
  213. package/dist/_utils/propsTypedoc.d.ts +1 -0
  214. package/dist/_utils/propsTypedoc.js +1 -0
  215. package/dist/_utils/propsTypedoc.js.map +1 -1
  216. package/package.json +2 -2
@@ -8,7 +8,7 @@ var sourceItemPadding = spacing.xl;
8
8
  var focused = /*#__PURE__*/css(["", " padding:0 ", "px 0 ", "px;"], getFocus(), sourceItemPadding - 1, sourceItemPadding - 1);
9
9
  export var StyledSourceItem = /*#__PURE__*/styled.div.withConfig({
10
10
  displayName: "StyledSourceItem",
11
- componentId: "core-12_48_0__sc-plcozv-0"
11
+ componentId: "core-12_48_2__sc-plcozv-0"
12
12
  })(["position:relative;display:flex;align-items:center;padding:0 ", "px 0 ", "px;color:", ";", " cursor:pointer;height:", "px;&:before{content:'';position:absolute;top:0;left:0;display:block;width:4px;height:100%;background-color:", ";transform:scaleX(0);transform-origin:center left;transition:transform 200ms ease-out;z-index:1;}", " ", " ", " ", " ", " &:focus{", "}"], sourceItemPadding, sourceItemPadding, colors.gray45, getTypographyIntent('body'), sourceItemHeight, colors.blue45, function (_ref) {
13
13
  var selected = _ref.selected;
14
14
  return selected && "\n font-weight: 700;\n background-color: ".concat(colors.blue96, ";\n color: ").concat(colors.blue45, ";\n\n ").concat(StyledIcon, " {\n color: ").concat(colors.blue50, ";\n }\n\n &:before {\n transform: scaleX(1);\n }\n ");
@@ -28,10 +28,10 @@ export var StyledSourceItem = /*#__PURE__*/styled.div.withConfig({
28
28
  }, focused);
29
29
  export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
30
30
  displayName: "StyledIcon",
31
- componentId: "core-12_48_0__sc-plcozv-1"
31
+ componentId: "core-12_48_2__sc-plcozv-1"
32
32
  })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;"]);
33
33
  export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
34
34
  displayName: "StyledLabel",
35
- componentId: "core-12_48_0__sc-plcozv-2"
35
+ componentId: "core-12_48_2__sc-plcozv-2"
36
36
  })(["", ""], getEllipsis());
37
37
  //# sourceMappingURL=SourceItem.styles.js.map
@@ -7,23 +7,23 @@ import { colors } from '../../_styles/colors';
7
7
  import { spacing } from '../../_styles/spacing';
8
8
  export var StyledThumbnailListContainer = /*#__PURE__*/styled.div.withConfig({
9
9
  displayName: "StyledThumbnailListContainer",
10
- componentId: "core-12_48_0__sc-1fz4ynb-0"
10
+ componentId: "core-12_48_2__sc-1fz4ynb-0"
11
11
  })(["display:flex;flex-direction:column;align-items:stretch;outline:none;"]);
12
12
  export var StyledThumbnailList = /*#__PURE__*/styled(List).withConfig({
13
13
  displayName: "StyledThumbnailList",
14
- componentId: "core-12_48_0__sc-1fz4ynb-1"
14
+ componentId: "core-12_48_2__sc-1fz4ynb-1"
15
15
  })(["outline:none;"]);
16
16
  export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
17
17
  displayName: "StyledThumbnail",
18
- componentId: "core-12_48_0__sc-1fz4ynb-2"
18
+ componentId: "core-12_48_2__sc-1fz4ynb-2"
19
19
  })(["flex-grow:1;justify-content:flex-start;"]);
20
20
  export var StyledProgress = /*#__PURE__*/styled.div.withConfig({
21
21
  displayName: "StyledProgress",
22
- componentId: "core-12_48_0__sc-1fz4ynb-3"
22
+ componentId: "core-12_48_2__sc-1fz4ynb-3"
23
23
  })(["width:146px;padding:0 ", "px 0 ", "px;margin-left:auto;"], spacing.lg, spacing.xl);
24
24
  export var StyledThumbnailListItem = /*#__PURE__*/styled.div.withConfig({
25
25
  displayName: "StyledThumbnailListItem",
26
- componentId: "core-12_48_0__sc-1fz4ynb-4"
26
+ componentId: "core-12_48_2__sc-1fz4ynb-4"
27
27
  })(["display:flex;flex-grow:1;align-items:center;padding:", "px ", "px ", "px ", "px;", " ", " ", " ", ""], spacing.sm, spacing.lg, spacing.sm, spacing.sm, getTypographyIntent('body'), function (_ref) {
28
28
  var error = _ref.error;
29
29
  return !error && "\n &:hover {\n background-color: ".concat(colors.gray96, ";\n }\n ");
@@ -37,6 +37,6 @@ export var StyledThumbnailListItem = /*#__PURE__*/styled.div.withConfig({
37
37
  });
38
38
  export var StyledDeleteIcon = /*#__PURE__*/styled(Button).withConfig({
39
39
  displayName: "StyledDeleteIcon",
40
- componentId: "core-12_48_0__sc-1fz4ynb-5"
40
+ componentId: "core-12_48_2__sc-1fz4ynb-5"
41
41
  })([""]);
42
42
  //# sourceMappingURL=ThumbnailList.styles.js.map
@@ -2,6 +2,6 @@ import styled from 'styled-components';
2
2
  import { modalBodyHeight } from '../FileExplorer/FileExplorer.styles';
3
3
  export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
4
4
  displayName: "StyledFileTreeSpinner",
5
- componentId: "core-12_48_0__sc-wwu3n8-0"
5
+ componentId: "core-12_48_2__sc-wwu3n8-0"
6
6
  })(["display:flex;align-items:center;justify-content:center;height:", "px;"], modalBodyHeight);
7
7
  //# sourceMappingURL=TreeSource.styles.js.map
@@ -8,19 +8,19 @@ export var pulseAnimationDuration = 600;
8
8
  var focusPulse = /*#__PURE__*/keyframes(["0%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}25%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}50%{box-shadow:0 0 0 1px ", ",0 0 0 3px ", ",0 0 0 2px ", ";}100%{box-shadow:0 0 0 1.5px ", ",0 0 0 3px ", ",0 0 0 6px ", ";}"], colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94);
9
9
  export var StyledFilenameShortcut = /*#__PURE__*/styled.div.withConfig({
10
10
  displayName: "StyledFilenameShortcut",
11
- componentId: "core-12_48_0__sc-13jx4bx-0"
11
+ componentId: "core-12_48_2__sc-13jx4bx-0"
12
12
  })(["display:flex;"]);
13
13
  export var StyledFilename = /*#__PURE__*/styled.span.withConfig({
14
14
  displayName: "StyledFilename",
15
- componentId: "core-12_48_0__sc-13jx4bx-1"
15
+ componentId: "core-12_48_2__sc-13jx4bx-1"
16
16
  })(["flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;"]);
17
17
  export var StyledExtension = /*#__PURE__*/styled.span.withConfig({
18
18
  displayName: "StyledExtension",
19
- componentId: "core-12_48_0__sc-13jx4bx-2"
19
+ componentId: "core-12_48_2__sc-13jx4bx-2"
20
20
  })(["flex-shrink:0;"]);
21
21
  export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
22
22
  displayName: "StyledFileToken",
23
- componentId: "core-12_48_0__sc-13jx4bx-3"
23
+ componentId: "core-12_48_2__sc-13jx4bx-3"
24
24
  })(["background-color:", ";border-radius:200px;max-width:100%;outline:none;overflow:hidden;position:relative;&:focus,&.focus{box-shadow:0 0 0 2px ", ";outline:none;", "{border-color:transparent;", "}}", "{background:none;color:", ";display:flex;user-select:none;", "{color:", ";}}", "{overflow:hidden;", "{border-radius:200px 0 0 200px;color:", ";padding-right:0;transition:color 0s linear,background-color 0s linear;user-select:none;", "{flex:0 0 auto;}}}", ""], colors.gray96, colors.blue40, StyledToken, function (_ref) {
25
25
  var $progressComplete = _ref.$progressComplete;
26
26
  return $progressComplete && css(["background-color:", ";"], colors.blue45);
@@ -37,10 +37,10 @@ export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
37
37
  });
38
38
  export var StyledErrorMessage = /*#__PURE__*/styled.span.withConfig({
39
39
  displayName: "StyledErrorMessage",
40
- componentId: "core-12_48_0__sc-13jx4bx-4"
40
+ componentId: "core-12_48_2__sc-13jx4bx-4"
41
41
  })(["display:block;color:", ";margin-top:", "px;word-break:break-word;", ""], colors.red50, spacing.xs, getTypographyIntent('small'));
42
42
  export var StyledFileTokenErrorContainer = /*#__PURE__*/styled.div.withConfig({
43
43
  displayName: "StyledFileTokenErrorContainer",
44
- componentId: "core-12_48_0__sc-13jx4bx-5"
44
+ componentId: "core-12_48_2__sc-13jx4bx-5"
45
45
  })(["max-width:100%;outline:none;&:focus,&.focus{> ", "{box-shadow:0 0 0 2px ", ";outline:none;}}"], StyledFileToken, colors.blue40);
46
46
  //# sourceMappingURL=FileToken.styles.js.map
@@ -6,11 +6,11 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
6
6
  import { spacing } from '../_styles/spacing';
7
7
  export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
8
8
  displayName: "StyledLabel",
9
- componentId: "core-12_48_0__sc-1l1h29r-0"
9
+ componentId: "core-12_48_2__sc-1l1h29r-0"
10
10
  })(["", " ", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis, semiboldRules);
11
11
  export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
12
12
  displayName: "StyledFilterToken",
13
- componentId: "core-12_48_0__sc-1l1h29r-1"
13
+ componentId: "core-12_48_2__sc-1l1h29r-1"
14
14
  })(["align-items:center;background-color:", ";border-radius:4px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:36px;justify-content:space-between;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", ""], colors.blue96, colors.blue45, spacing.sm, spacing.md, colors.blue90, function (_ref) {
15
15
  var _ref$$focused = _ref.$focused,
16
16
  $focused = _ref$$focused === void 0 ? false : _ref$$focused;
@@ -18,17 +18,17 @@ export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
18
18
  });
19
19
  export var StyledFilterRemoveButton = /*#__PURE__*/styled.button.withConfig({
20
20
  displayName: "StyledFilterRemoveButton",
21
- componentId: "core-12_48_0__sc-1l1h29r-2"
21
+ componentId: "core-12_48_2__sc-1l1h29r-2"
22
22
  })(["", " ", ";background:transparent;color:", ";&:active,&:focus,&:hover{background:", ";color:", ";}&:disabled{pointer-events:none;user-select:none;}&:disabled,&[aria-disabled='true']{background:transparent;color:", ";}height:24px;margin:0 0 0 6px;padding:0 ", "px;[data-icon-prop='true']{pointer-events:none;height:16px;width:16px;}"], function (_ref2) {
23
23
  var $disabled = _ref2.$disabled;
24
24
  return getButtonStyles(false, $disabled, false, 'sm', 'tertiary');
25
25
  }, getTypographyIntent('small'), colors.blue45, colors.white, colors.blue45, colors.blue45, spacing.xs);
26
26
  export var StyledContent = /*#__PURE__*/styled.span.withConfig({
27
27
  displayName: "StyledContent",
28
- componentId: "core-12_48_0__sc-1l1h29r-3"
28
+ componentId: "core-12_48_2__sc-1l1h29r-3"
29
29
  })(["align-items:center;display:flex;overflow:hidden;"]);
30
30
  export var StyledContentLabel = /*#__PURE__*/styled.span.withConfig({
31
31
  displayName: "StyledContentLabel",
32
- componentId: "core-12_48_0__sc-1l1h29r-4"
32
+ componentId: "core-12_48_2__sc-1l1h29r-4"
33
33
  })(["overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap;& + span{padding-left:0;}"]);
34
34
  //# sourceMappingURL=FilterToken.styles.js.map
@@ -3,7 +3,7 @@ import { StyledBox } from '../Box/Box.styles';
3
3
  import { Flex } from '../Flex/Flex';
4
4
  export var StyledFlex = /*#__PURE__*/styled(Flex).withConfig({
5
5
  displayName: "StyledFlex",
6
- componentId: "core-12_48_0__sc-1quvv61-0"
6
+ componentId: "core-12_48_2__sc-1quvv61-0"
7
7
  })(["> ", "{", "}"], StyledBox, function (_ref) {
8
8
  var $direction = _ref.$direction;
9
9
  if ($direction !== null && $direction !== void 0 && $direction.includes('reverse')) {
@@ -23,7 +23,7 @@ function applyStylesOnlyToIE11(styles) {
23
23
  }
24
24
  export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
25
25
  displayName: "StyledFormFieldMain",
26
- componentId: "core-12_48_0__sc-ncj3pf-0"
26
+ componentId: "core-12_48_2__sc-ncj3pf-0"
27
27
  })(["-ms-grid-row:2;grid-row:2;", " ", " ", ""], function (_ref) {
28
28
  var $colStart = _ref.$colStart,
29
29
  $colEnd = _ref.$colEnd,
@@ -35,15 +35,15 @@ export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
35
35
  }, applyStylesOnlyToIE11("\n padding-left: ".concat(columnGutter, ";\n\n &:nth-child(2) {\n padding-left: 0;\n }\n ")));
36
36
  export var StyledLabel = /*#__PURE__*/styled(StyledLabelBase).withConfig({
37
37
  displayName: "StyledLabel",
38
- componentId: "core-12_48_0__sc-ncj3pf-1"
38
+ componentId: "core-12_48_2__sc-ncj3pf-1"
39
39
  })(["word-wrap:break-word;word-break:break-word;"]);
40
40
  export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
41
41
  displayName: "StyledDescription",
42
- componentId: "core-12_48_0__sc-ncj3pf-2"
42
+ componentId: "core-12_48_2__sc-ncj3pf-2"
43
43
  })(["", " color:", ";word-wrap:break-word;word-break:break-word;"], getTypographyIntent('body'), colors.gray45);
44
44
  export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescription).withConfig({
45
45
  displayName: "StyledCheckboxInlineDescription",
46
- componentId: "core-12_48_0__sc-ncj3pf-3"
46
+ componentId: "core-12_48_2__sc-ncj3pf-3"
47
47
  })(["margin-top:", "px;", ""], spacing.xs, function (_ref3) {
48
48
  var $read = _ref3.$read;
49
49
  if (!$read) {
@@ -52,7 +52,7 @@ export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescripti
52
52
  });
53
53
  export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withConfig({
54
54
  displayName: "StyledFormFieldHeader",
55
- componentId: "core-12_48_0__sc-ncj3pf-4"
55
+ componentId: "core-12_48_2__sc-ncj3pf-4"
56
56
  })(["-ms-grid-row:1;grid-row:1;align-self:end;margin-bottom:", "px;", " ", " * + ", "{margin-top:", "px;}"], spacing.xs, function (_ref4) {
57
57
  var $colStart = _ref4.$colStart,
58
58
  $colEnd = _ref4.$colEnd,
@@ -61,20 +61,20 @@ export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withCo
61
61
  }, applyStylesOnlyToIE11("\n padding-left: ".concat(columnGutter, ";\n\n &:first-child {\n padding-left: 0;\n }\n\n ").concat(StyledFormFieldMain, " {\n padding-left: ").concat(columnGutter, ";\n\n &:nth-child(2) {\n padding-left: 0;\n }\n }\n ")), StyledDescription, spacing.xs);
62
62
  export var StyledFormFieldRequiredMark = /*#__PURE__*/styled(Required).withConfig({
63
63
  displayName: "StyledFormFieldRequiredMark",
64
- componentId: "core-12_48_0__sc-ncj3pf-5"
64
+ componentId: "core-12_48_2__sc-ncj3pf-5"
65
65
  })(["padding-left:", "px;vertical-align:top;"], spacing.xs);
66
66
  export var StyledFormFieldErrorIcon = /*#__PURE__*/styled(Error).withConfig({
67
67
  displayName: "StyledFormFieldErrorIcon",
68
- componentId: "core-12_48_0__sc-ncj3pf-6"
68
+ componentId: "core-12_48_2__sc-ncj3pf-6"
69
69
  })(["vertical-align:sub;"]);
70
70
  export var StyledFormFieldBanner = /*#__PURE__*/styled.div.withConfig({
71
71
  displayName: "StyledFormFieldBanner",
72
- componentId: "core-12_48_0__sc-ncj3pf-7"
72
+ componentId: "core-12_48_2__sc-ncj3pf-7"
73
73
  })(["display:flex;align-items:flex-start;min-height:22px;margin-top:", "px;margin-bottom:2px;word-break:break-word;word-wrap:break-word;color:", ";", ""], spacing.xs, colors.red50, getTypographyIntent('body'));
74
74
  /** @deprecated The traditional field layout is deprecated */
75
75
  export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
76
76
  displayName: "StyledTraditionalFormColumn",
77
- componentId: "core-12_48_0__sc-ncj3pf-8"
77
+ componentId: "core-12_48_2__sc-ncj3pf-8"
78
78
  })(["padding:", ";align-self:center;height:100%;&:nth-child(1){-ms-grid-column:1;}&:nth-child(2){-ms-grid-column:2;}&:nth-child(3){-ms-grid-column:3;}&:nth-child(4){-ms-grid-column:4;}", " ", ""], traditionalPadding, function (_ref5) {
79
79
  var _ref5$$fullWidth = _ref5.$fullWidth,
80
80
  $fullWidth = _ref5$$fullWidth === void 0 ? false : _ref5$$fullWidth;
@@ -86,15 +86,15 @@ export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
86
86
  });
87
87
  export var StyledFormOutputTextArea = /*#__PURE__*/styled.span.withConfig({
88
88
  displayName: "StyledFormOutputTextArea",
89
- componentId: "core-12_48_0__sc-ncj3pf-9"
89
+ componentId: "core-12_48_2__sc-ncj3pf-9"
90
90
  })(["white-space:pre-wrap;"]);
91
91
  export var StyledFormOutputFiledset = /*#__PURE__*/styled.fieldset.withConfig({
92
92
  displayName: "StyledFormOutputFiledset",
93
- componentId: "core-12_48_0__sc-ncj3pf-10"
93
+ componentId: "core-12_48_2__sc-ncj3pf-10"
94
94
  })(["border:none;padding:0;margin-top:", "px;"], spacing.xs);
95
95
  export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
96
96
  displayName: "StyledFormRow",
97
- componentId: "core-12_48_0__sc-ncj3pf-11"
97
+ componentId: "core-12_48_2__sc-ncj3pf-11"
98
98
  })(["", ""], function (_ref7) {
99
99
  var _ref7$$traditional = _ref7.$traditional,
100
100
  $traditional = _ref7$$traditional === void 0 ? false : _ref7$$traditional,
@@ -105,6 +105,6 @@ export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
105
105
  export var formWrapper = /*#__PURE__*/css(["display:inherit;flex-direction:inherit;height:inherit;max-height:inherit;"]);
106
106
  export var StyledForm = /*#__PURE__*/styled.div.withConfig({
107
107
  displayName: "StyledForm",
108
- componentId: "core-12_48_0__sc-ncj3pf-12"
108
+ componentId: "core-12_48_2__sc-ncj3pf-12"
109
109
  })(["", ""], formWrapper);
110
110
  //# sourceMappingURL=Form.styles.js.map
@@ -5,13 +5,13 @@ import { spacing } from '../_styles/spacing';
5
5
  import { formWrapper } from './Form.styles';
6
6
  export var StyledFormikForm = /*#__PURE__*/styled(FormikForm).withConfig({
7
7
  displayName: "StyledFormikForm",
8
- componentId: "core-12_48_0__sc-1ks7m0l-0"
8
+ componentId: "core-12_48_2__sc-1ks7m0l-0"
9
9
  })(["", ""], formWrapper);
10
10
 
11
11
  /** @deprecated The traditional field layout is deprecated */
12
12
  export var StyledTraditionalFormLabel = /*#__PURE__*/styled(Typography).withConfig({
13
13
  displayName: "StyledTraditionalFormLabel",
14
- componentId: "core-12_48_0__sc-1ks7m0l-1"
14
+ componentId: "core-12_48_2__sc-1ks7m0l-1"
15
15
  })(["display:inline-block;word-break:break-word;word-wrap:break-word;", ""], function (_ref) {
16
16
  var $view = _ref.$view;
17
17
  return ['create', 'update'].includes($view) && css(["padding-top:", "px;"], spacing.sm);
@@ -3,7 +3,7 @@ import { spacing } from '../_styles/spacing';
3
3
  var shimmerAnimation = /*#__PURE__*/keyframes(["0%{background-position:-1000px 500px;}100%{background-position:1000px 500px;}"]);
4
4
  export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
5
5
  displayName: "PlaceholderItem",
6
- componentId: "core-12_48_0__sc-1nja302-0"
6
+ componentId: "core-12_48_2__sc-1nja302-0"
7
7
  })(["width:100%;min-height:24px;padding:10px 0;animation:", " 3s ease-out infinite;background:radial-gradient( ellipse at center,", " 0%,", " 50% );background-size:2000px 2000px;border-radius:", "px;"], shimmerAnimation, function (props) {
8
8
  return props.$startGradientColor;
9
9
  }, function (props) {
@@ -11,7 +11,7 @@ export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
11
11
  }, spacing.sm);
12
12
  export var RoundPlaceholderItem = /*#__PURE__*/styled(PlaceholderItem).withConfig({
13
13
  displayName: "RoundPlaceholderItem",
14
- componentId: "core-12_48_0__sc-1nja302-1"
14
+ componentId: "core-12_48_2__sc-1nja302-1"
15
15
  })(["width:", ";height:", ";border-radius:50%;"], function (props) {
16
16
  return props.$small ? '24px' : '40px';
17
17
  }, function (props) {
@@ -75,7 +75,7 @@ var getRowGutterVertical = function getRowGutterVertical(gutterY, breakpoint) {
75
75
  };
76
76
  export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
77
77
  displayName: "StyledGridRow",
78
- componentId: "core-12_48_0__sc-8pinsp-0"
78
+ componentId: "core-12_48_2__sc-8pinsp-0"
79
79
  })(["", " display:flex;flex-wrap:wrap;"], function (_ref) {
80
80
  var $gutterX = _ref.$gutterX,
81
81
  $gutterY = _ref.$gutterY;
@@ -87,7 +87,7 @@ export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
87
87
  });
88
88
  export var StyledGridCol = /*#__PURE__*/styled.div.withConfig({
89
89
  displayName: "StyledGridCol",
90
- componentId: "core-12_48_0__sc-8pinsp-1"
90
+ componentId: "core-12_48_2__sc-8pinsp-1"
91
91
  })(["flex-shrink:0;width:100%;max-width:100%;", ""], function (_ref2) {
92
92
  var $span = _ref2.$span,
93
93
  $offset = _ref2.$offset,
@@ -3,7 +3,7 @@ import { MultiSelect } from '../MultiSelect/MultiSelect';
3
3
  import { colors } from '../_styles/colors';
4
4
  export var StyledGroupSelectOption = /*#__PURE__*/styled(MultiSelect.Option).withConfig({
5
5
  displayName: "StyledGroupSelectOption",
6
- componentId: "core-12_48_0__sc-u5gu8j-0"
6
+ componentId: "core-12_48_2__sc-u5gu8j-0"
7
7
  })(["", ""], function (_ref) {
8
8
  var disabled = _ref.disabled;
9
9
  return disabled && css(["color:", ";cursor:not-allowed;a,a:hover{color:", ";text-decoration:none;}"], colors.gray70, colors.gray70);
@@ -16,6 +16,6 @@ export function getInputStyles(_ref) {
16
16
  }
17
17
  export var StyledInput = /*#__PURE__*/styled.input.withConfig({
18
18
  displayName: "StyledInput",
19
- componentId: "core-12_48_0__sc-12sjkxg-0"
19
+ componentId: "core-12_48_2__sc-12sjkxg-0"
20
20
  })(["", " padding:0 ", "px;&::-ms-clear{display:none;}&[type='number']{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}}"], getInputStyles, spacing.md);
21
21
  //# sourceMappingURL=Input.styles.js.map
@@ -17,6 +17,6 @@ function getLinkColors(_ref) {
17
17
  }
18
18
  export var StyledLink = /*#__PURE__*/styled.a.withConfig({
19
19
  displayName: "StyledLink",
20
- componentId: "core-12_48_0__sc-jfowrl-0"
20
+ componentId: "core-12_48_2__sc-jfowrl-0"
21
21
  })(["text-decoration:underline;&:hover{cursor:pointer;text-decoration:underline;}", " &.focus,&:focus{", ";}", ""], focusable, getBorderRadius('md'), getLinkColors);
22
22
  //# sourceMappingURL=Link.styles.js.map
@@ -9,7 +9,31 @@ export declare const ContentControls: React.ForwardRefExoticComponent<Props & Re
9
9
  export declare const Body: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
10
10
  export declare const Control: React.ForwardRefExoticComponent<ListPageControlProps & React.RefAttributes<HTMLDivElement>>;
11
11
  /**
12
- * @deprecated This `ListPage` layout is no longer supported and it is now recommended to use a `ToolLandingPage` layout instead.
12
+ * @deprecated The `ListPage` layout is superseded by `ToolLandingPage` for tool landing experiences; use `DetailPage` when showing a single record instead.
13
+ *
14
+ * BEFORE
15
+ * ```tsx
16
+ * <ListPage>
17
+ * <ListPage.Main>
18
+ * <ListPage.ToolHeader>...</ListPage.ToolHeader>
19
+ * <ListPage.ContentControls>...</ListPage.ContentControls>
20
+ * <ListPage.Body>...</ListPage.Body>
21
+ * </ListPage.Main>
22
+ * </ListPage>
23
+ * ```
24
+ *
25
+ * AFTER
26
+ * ```tsx
27
+ * <ToolLandingPage>
28
+ * <ToolLandingPage.Main>
29
+ * <ToolLandingPage.Header>
30
+ * <ToolLandingPage.Title>...</ToolLandingPage.Title>
31
+ * <ToolLandingPage.Tabs>...</ToolLandingPage.Tabs>
32
+ * </ToolLandingPage.Header>
33
+ * <ToolLandingPage.Body>...</ToolLandingPage.Body>
34
+ * </ToolLandingPage.Main>
35
+ * </ToolLandingPage>
36
+ * ```
13
37
  *
14
38
  * @deprecatedSince 12.9.0
15
39
  *
@@ -78,7 +78,31 @@ Main.displayName = 'ListPage.Main';
78
78
  ToolHeader.displayName = 'ListPage.ToolHeader';
79
79
 
80
80
  /**
81
- * @deprecated This `ListPage` layout is no longer supported and it is now recommended to use a `ToolLandingPage` layout instead.
81
+ * @deprecated The `ListPage` layout is superseded by `ToolLandingPage` for tool landing experiences; use `DetailPage` when showing a single record instead.
82
+ *
83
+ * BEFORE
84
+ * ```tsx
85
+ * <ListPage>
86
+ * <ListPage.Main>
87
+ * <ListPage.ToolHeader>...</ListPage.ToolHeader>
88
+ * <ListPage.ContentControls>...</ListPage.ContentControls>
89
+ * <ListPage.Body>...</ListPage.Body>
90
+ * </ListPage.Main>
91
+ * </ListPage>
92
+ * ```
93
+ *
94
+ * AFTER
95
+ * ```tsx
96
+ * <ToolLandingPage>
97
+ * <ToolLandingPage.Main>
98
+ * <ToolLandingPage.Header>
99
+ * <ToolLandingPage.Title>...</ToolLandingPage.Title>
100
+ * <ToolLandingPage.Tabs>...</ToolLandingPage.Tabs>
101
+ * </ToolLandingPage.Header>
102
+ * <ToolLandingPage.Body>...</ToolLandingPage.Body>
103
+ * </ToolLandingPage.Main>
104
+ * </ToolLandingPage>
105
+ * ```
82
106
  *
83
107
  * @deprecatedSince 12.9.0
84
108
  *
@@ -1 +1 @@
1
- {"version":3,"file":"ListPage.js","names":["React","addSubcomponents","StyledListPage","StyledListPageBanner","StyledListPageBody","StyledListPageBodyContent","StyledListPageContentControls","StyledListPageControl","StyledListPageMain","StyledListPageToolHeader","ListPage_","forwardRef","ListPage","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Main","_ref2","_excluded2","Banner","_ref3","_excluded3","ToolHeader","_ref4","_excluded4","ContentControls","_ref5","_excluded5","Body","_ref6","_excluded6","Control","_ref7","_ref7$alignRight","alignRight","_ref7$block","block","_ref7$search","search","variant","_excluded7","$alignRight","$block","$search","displayName"],"sources":["../../src/ListPage/ListPage.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n StyledListPage,\n StyledListPageBanner,\n StyledListPageBody,\n StyledListPageBodyContent,\n StyledListPageContentControls,\n StyledListPageControl,\n StyledListPageMain,\n StyledListPageToolHeader,\n} from './ListPage.styles'\nimport type { ListPageControlProps, ListPageProps } from './ListPage.types'\n\nexport const ListPage_ = React.forwardRef<HTMLDivElement, ListPageProps>(\n function ListPage({ children, ...props }, ref) {\n return (\n <StyledListPage {...props} ref={ref}>\n {children}\n </StyledListPage>\n )\n }\n)\n\nexport const Main = React.forwardRef<HTMLDivElement, Props>(function Main(\n { children, ...props },\n ref\n) {\n return (\n <StyledListPageMain {...props} ref={ref}>\n {children}\n </StyledListPageMain>\n )\n})\n\nexport const Banner = React.forwardRef<HTMLDivElement, Props>(function Banner(\n { children, ...props },\n ref\n) {\n return (\n <StyledListPageBanner {...props} ref={ref}>\n {children}\n </StyledListPageBanner>\n )\n})\n\nexport const ToolHeader = React.forwardRef<HTMLDivElement, Props>(\n function ToolHeader({ children, ...props }, ref) {\n return (\n <StyledListPageToolHeader {...props} ref={ref}>\n {children}\n </StyledListPageToolHeader>\n )\n }\n)\n\nexport const ContentControls = React.forwardRef<HTMLDivElement, Props>(\n function ContentControls({ children, ...props }, ref) {\n return (\n <StyledListPageContentControls {...props} ref={ref}>\n {children}\n </StyledListPageContentControls>\n )\n }\n)\n\nexport const Body = React.forwardRef<HTMLDivElement, Props>(function Body(\n { children, ...props },\n ref\n) {\n return (\n <StyledListPageBody {...props} ref={ref}>\n <StyledListPageBodyContent>{children}</StyledListPageBodyContent>\n </StyledListPageBody>\n )\n})\n\nexport const Control = React.forwardRef<HTMLDivElement, ListPageControlProps>(\n function Control(\n {\n alignRight = false,\n block = false,\n children,\n search = false,\n variant,\n ...props\n },\n ref\n ) {\n return (\n <StyledListPageControl\n {...props}\n $alignRight={alignRight || variant === 'align-right'}\n $block={block || variant === 'block'}\n $search={search || variant === 'search'}\n ref={ref}\n >\n {children}\n </StyledListPageControl>\n )\n }\n)\n\nBanner.displayName = 'ListPage.Banner'\n\nBody.displayName = 'ListPage.Body'\n\nContentControls.displayName = 'ListPage.ContentControls'\n\nControl.displayName = 'ListPage.Control'\n\nMain.displayName = 'ListPage.Main'\n\nToolHeader.displayName = 'ListPage.ToolHeader'\n\n/**\n * @deprecated This `ListPage` layout is no longer supported and it is now recommended to use a `ToolLandingPage` layout instead.\n *\n * @deprecatedSince 12.9.0\n *\n * @see https://stories.core.procore.com/?path=/story/core-react_demos-toollandingpage--demo\n */\nexport const ListPage = addSubcomponents(\n {\n Banner,\n Body,\n ContentControls,\n Control,\n Main,\n ToolHeader,\n },\n ListPage_\n)\n"],"mappings":"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"}
1
+ {"version":3,"file":"ListPage.js","names":["React","addSubcomponents","StyledListPage","StyledListPageBanner","StyledListPageBody","StyledListPageBodyContent","StyledListPageContentControls","StyledListPageControl","StyledListPageMain","StyledListPageToolHeader","ListPage_","forwardRef","ListPage","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Main","_ref2","_excluded2","Banner","_ref3","_excluded3","ToolHeader","_ref4","_excluded4","ContentControls","_ref5","_excluded5","Body","_ref6","_excluded6","Control","_ref7","_ref7$alignRight","alignRight","_ref7$block","block","_ref7$search","search","variant","_excluded7","$alignRight","$block","$search","displayName"],"sources":["../../src/ListPage/ListPage.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n StyledListPage,\n StyledListPageBanner,\n StyledListPageBody,\n StyledListPageBodyContent,\n StyledListPageContentControls,\n StyledListPageControl,\n StyledListPageMain,\n StyledListPageToolHeader,\n} from './ListPage.styles'\nimport type { ListPageControlProps, ListPageProps } from './ListPage.types'\n\nexport const ListPage_ = React.forwardRef<HTMLDivElement, ListPageProps>(\n function ListPage({ children, ...props }, ref) {\n return (\n <StyledListPage {...props} ref={ref}>\n {children}\n </StyledListPage>\n )\n }\n)\n\nexport const Main = React.forwardRef<HTMLDivElement, Props>(function Main(\n { children, ...props },\n ref\n) {\n return (\n <StyledListPageMain {...props} ref={ref}>\n {children}\n </StyledListPageMain>\n )\n})\n\nexport const Banner = React.forwardRef<HTMLDivElement, Props>(function Banner(\n { children, ...props },\n ref\n) {\n return (\n <StyledListPageBanner {...props} ref={ref}>\n {children}\n </StyledListPageBanner>\n )\n})\n\nexport const ToolHeader = React.forwardRef<HTMLDivElement, Props>(\n function ToolHeader({ children, ...props }, ref) {\n return (\n <StyledListPageToolHeader {...props} ref={ref}>\n {children}\n </StyledListPageToolHeader>\n )\n }\n)\n\nexport const ContentControls = React.forwardRef<HTMLDivElement, Props>(\n function ContentControls({ children, ...props }, ref) {\n return (\n <StyledListPageContentControls {...props} ref={ref}>\n {children}\n </StyledListPageContentControls>\n )\n }\n)\n\nexport const Body = React.forwardRef<HTMLDivElement, Props>(function Body(\n { children, ...props },\n ref\n) {\n return (\n <StyledListPageBody {...props} ref={ref}>\n <StyledListPageBodyContent>{children}</StyledListPageBodyContent>\n </StyledListPageBody>\n )\n})\n\nexport const Control = React.forwardRef<HTMLDivElement, ListPageControlProps>(\n function Control(\n {\n alignRight = false,\n block = false,\n children,\n search = false,\n variant,\n ...props\n },\n ref\n ) {\n return (\n <StyledListPageControl\n {...props}\n $alignRight={alignRight || variant === 'align-right'}\n $block={block || variant === 'block'}\n $search={search || variant === 'search'}\n ref={ref}\n >\n {children}\n </StyledListPageControl>\n )\n }\n)\n\nBanner.displayName = 'ListPage.Banner'\n\nBody.displayName = 'ListPage.Body'\n\nContentControls.displayName = 'ListPage.ContentControls'\n\nControl.displayName = 'ListPage.Control'\n\nMain.displayName = 'ListPage.Main'\n\nToolHeader.displayName = 'ListPage.ToolHeader'\n\n/**\n * @deprecated The `ListPage` layout is superseded by `ToolLandingPage` for tool landing experiences; use `DetailPage` when showing a single record instead.\n *\n * BEFORE\n * ```tsx\n * <ListPage>\n * <ListPage.Main>\n * <ListPage.ToolHeader>...</ListPage.ToolHeader>\n * <ListPage.ContentControls>...</ListPage.ContentControls>\n * <ListPage.Body>...</ListPage.Body>\n * </ListPage.Main>\n * </ListPage>\n * ```\n *\n * AFTER\n * ```tsx\n * <ToolLandingPage>\n * <ToolLandingPage.Main>\n * <ToolLandingPage.Header>\n * <ToolLandingPage.Title>...</ToolLandingPage.Title>\n * <ToolLandingPage.Tabs>...</ToolLandingPage.Tabs>\n * </ToolLandingPage.Header>\n * <ToolLandingPage.Body>...</ToolLandingPage.Body>\n * </ToolLandingPage.Main>\n * </ToolLandingPage>\n * ```\n *\n * @deprecatedSince 12.9.0\n *\n * @see https://stories.core.procore.com/?path=/story/core-react_demos-toollandingpage--demo\n */\nexport const ListPage = addSubcomponents(\n {\n Banner,\n Body,\n ContentControls,\n Control,\n Main,\n ToolHeader,\n },\n ListPage_\n)\n"],"mappings":"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"}
@@ -3,19 +3,19 @@ import { colors } from '../_styles/colors';
3
3
  import { spacing } from '../_styles/spacing';
4
4
  export var StyledListPageMain = /*#__PURE__*/styled.div.withConfig({
5
5
  displayName: "StyledListPageMain",
6
- componentId: "core-12_48_0__sc-1eq7fzi-0"
6
+ componentId: "core-12_48_2__sc-1eq7fzi-0"
7
7
  })(["display:flex;flex:1 0 auto;flex-direction:column;min-width:0;padding:", "px ", "px;width:100%;"], spacing.lg, spacing.xl);
8
8
  export var StyledListPageBanner = /*#__PURE__*/styled.div.withConfig({
9
9
  displayName: "StyledListPageBanner",
10
- componentId: "core-12_48_0__sc-1eq7fzi-1"
10
+ componentId: "core-12_48_2__sc-1eq7fzi-1"
11
11
  })(["flex:0 0 auto;"]);
12
12
  export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledListPageToolHeader",
14
- componentId: "core-12_48_0__sc-1eq7fzi-2"
14
+ componentId: "core-12_48_2__sc-1eq7fzi-2"
15
15
  })(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
16
16
  export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
17
17
  displayName: "StyledListPageControl",
18
- componentId: "core-12_48_0__sc-1eq7fzi-3"
18
+ componentId: "core-12_48_2__sc-1eq7fzi-3"
19
19
  })(["flex:", ";", " ", ""], function (_ref) {
20
20
  var $block = _ref.$block;
21
21
  return $block ? '1 0 auto' : '0 0 auto';
@@ -32,18 +32,18 @@ export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
32
32
  });
33
33
  export var StyledListPageContentControls = /*#__PURE__*/styled.div.withConfig({
34
34
  displayName: "StyledListPageContentControls",
35
- componentId: "core-12_48_0__sc-1eq7fzi-4"
35
+ componentId: "core-12_48_2__sc-1eq7fzi-4"
36
36
  })(["align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding:", "px 0;", " + ", "{margin-left:", "px;}"], spacing.md, StyledListPageControl, StyledListPageControl, spacing.lg);
37
37
  export var StyledListPageBody = /*#__PURE__*/styled.div.withConfig({
38
38
  displayName: "StyledListPageBody",
39
- componentId: "core-12_48_0__sc-1eq7fzi-5"
39
+ componentId: "core-12_48_2__sc-1eq7fzi-5"
40
40
  })(["display:flex;flex:1 0 auto;padding-top:", "px;"], spacing.md);
41
41
  export var StyledListPageBodyContent = /*#__PURE__*/styled.div.withConfig({
42
42
  displayName: "StyledListPageBodyContent",
43
- componentId: "core-12_48_0__sc-1eq7fzi-6"
43
+ componentId: "core-12_48_2__sc-1eq7fzi-6"
44
44
  })(["flex:1 1 auto;"]);
45
45
  export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
46
46
  displayName: "StyledListPage",
47
- componentId: "core-12_48_0__sc-1eq7fzi-7"
47
+ componentId: "core-12_48_2__sc-1eq7fzi-7"
48
48
  })(["display:flex;flex-direction:row;height:100%;width:100%;", " + ", "{padding-top:", "px;}", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", ",", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", "{padding-top:0;}"], StyledListPageBanner, StyledListPageToolHeader, spacing.lg, StyledListPageContentControls, StyledListPageContentControls, colors.gray85, StyledListPageToolHeader, StyledListPageContentControls, StyledListPageToolHeader, StyledListPageBody, colors.gray85, StyledListPageContentControls, StyledListPageBody);
49
49
  //# sourceMappingURL=ListPage.styles.js.map
@@ -7,11 +7,11 @@ export var loaderTransitionDuration = 250;
7
7
  var movingStripes = /*#__PURE__*/keyframes(["from{background-position:", "px 0;}100%{background-position:0 ", "px;}"], backgroundSize, backgroundSize);
8
8
  export var StyledLoader = /*#__PURE__*/styled.div.withConfig({
9
9
  displayName: "StyledLoader",
10
- componentId: "core-12_48_0__sc-wgvjj9-0"
10
+ componentId: "core-12_48_2__sc-wgvjj9-0"
11
11
  })(["display:block;height:100%;left:0;min-width:12px;position:absolute;transition:width ", "ms ease-out;top:0;"], loaderTransitionDuration);
12
12
  export var StyledGradient = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledGradient",
14
- componentId: "core-12_48_0__sc-wgvjj9-1"
14
+ componentId: "core-12_48_2__sc-wgvjj9-1"
15
15
  })(["height:100%;", ""], function (_ref) {
16
16
  var $animated = _ref.$animated;
17
17
  return $animated ? css(["@media (prefers-reduced-motion:no-preference){animation:", " 0.5s linear infinite;}background-image:linear-gradient( 45deg,", " 26%,", " 25%,", " 51%,", " 50%,", " 76%,", " 75%,", " );background-size:", "px ", "px;"], movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(["background-color:", ";"], colors.blue50);
@@ -11,15 +11,15 @@ var optionMinHeight = 32;
11
11
  // Do not merge with StyledMenu, needed for max-height working in IE
12
12
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledWrapper",
14
- componentId: "core-12_48_0__sc-z984sz-0"
14
+ componentId: "core-12_48_2__sc-z984sz-0"
15
15
  })(["border-radius:inherit;display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
16
16
  export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
17
17
  displayName: "StyledMenu",
18
- componentId: "core-12_48_0__sc-z984sz-1"
18
+ componentId: "core-12_48_2__sc-z984sz-1"
19
19
  })(["border-radius:inherit;display:flex;flex-direction:column;outline:0;width:100%;"]);
20
20
  export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
21
21
  displayName: "StyledOptions",
22
- componentId: "core-12_48_0__sc-z984sz-2"
22
+ componentId: "core-12_48_2__sc-z984sz-2"
23
23
  })(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;&:focus-visible{", " margin:-1px;}ol&{padding:", "px 0;list-style-type:none;margin:0;}"], optionMinHeight, function (_ref) {
24
24
  var _ref$$scrollable = _ref.$scrollable,
25
25
  $scrollable = _ref$$scrollable === void 0 ? true : _ref$$scrollable;
@@ -27,27 +27,27 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
27
27
  }, spacing.sm, getFocus(), spacing.sm);
28
28
  export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
29
29
  displayName: "StyledGrip",
30
- componentId: "core-12_48_0__sc-z984sz-3"
30
+ componentId: "core-12_48_2__sc-z984sz-3"
31
31
  })(["padding:0 2px;height:24px;"]);
32
32
  export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
33
33
  displayName: "StyledHeader",
34
- componentId: "core-12_48_0__sc-z984sz-4"
34
+ componentId: "core-12_48_2__sc-z984sz-4"
35
35
  })([""]);
36
36
  export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
37
37
  displayName: "StyledSearch",
38
- componentId: "core-12_48_0__sc-z984sz-5"
38
+ componentId: "core-12_48_2__sc-z984sz-5"
39
39
  })(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
40
40
  export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
41
41
  displayName: "StyledGroup",
42
- componentId: "core-12_48_0__sc-z984sz-6"
42
+ componentId: "core-12_48_2__sc-z984sz-6"
43
43
  })(["&:not(:first-child){margin-top:", "px;}"], spacing.md);
44
44
  export var StyledGroupLabel = /*#__PURE__*/styled.span.withConfig({
45
45
  displayName: "StyledGroupLabel",
46
- componentId: "core-12_48_0__sc-z984sz-7"
46
+ componentId: "core-12_48_2__sc-z984sz-7"
47
47
  })(["", " display:block;color:", ";font-weight:", ";padding:", "px ", "px;cursor:default;"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold, spacing.xs, spacing.lg);
48
48
  export var StyledItem = /*#__PURE__*/styled.div.withConfig({
49
49
  displayName: "StyledItem",
50
- componentId: "core-12_48_0__sc-z984sz-8"
50
+ componentId: "core-12_48_2__sc-z984sz-8"
51
51
  })(["", ";", " cursor:pointer;list-style-type:none;padding:", "px ", "px;a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}", " ", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref2) {
52
52
  var as = _ref2.as;
53
53
  return as === 'a' && css(["display:block;text-decoration:none;"]);
@@ -76,10 +76,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
76
76
  });
77
77
  export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
78
78
  displayName: "StyledDroppable",
79
- componentId: "core-12_48_0__sc-z984sz-9"
79
+ componentId: "core-12_48_2__sc-z984sz-9"
80
80
  })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
81
81
  export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
82
82
  displayName: "StyledFooter",
83
- componentId: "core-12_48_0__sc-z984sz-10"
83
+ componentId: "core-12_48_2__sc-z984sz-10"
84
84
  })(["border-top:1px solid ", ";border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;"], colors.gray85);
85
85
  //# sourceMappingURL=MenuImperative.styles.js.map