@procore/core-react 12.47.1 → 12.48.0

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 (223) hide show
  1. package/CHANGELOG.md +13 -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.styles.js +2 -2
  6. package/dist/BadgePill/BadgePill.styles.js +4 -4
  7. package/dist/Banner/Banner.styles.js +10 -10
  8. package/dist/Box/Box.styles.js +1 -1
  9. package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  10. package/dist/Button/Button.styles.js +5 -5
  11. package/dist/Calendar/Calendar.styles.js +9 -9
  12. package/dist/Card/Card.styles.js +1 -1
  13. package/dist/Checkbox/Checkbox.styles.js +6 -6
  14. package/dist/CheckboxGroup/CheckboxGroup.js +9 -3
  15. package/dist/CheckboxGroup/CheckboxGroup.js.map +1 -1
  16. package/dist/CheckboxGroup/checkboxGroupTileNavigation.d.ts +12 -0
  17. package/dist/CheckboxGroup/checkboxGroupTileNavigation.js +224 -0
  18. package/dist/CheckboxGroup/checkboxGroupTileNavigation.js.map +1 -0
  19. package/dist/ContactItem/ContactItem.styles.js +5 -5
  20. package/dist/Content/Content.styles.js +2 -2
  21. package/dist/DateInput/DateInput.styles.js +6 -6
  22. package/dist/DateSelect/DateSelect.js +5 -4
  23. package/dist/DateSelect/DateSelect.js.map +1 -1
  24. package/dist/DateSelect/DateSelect.types.d.ts +1 -1
  25. package/dist/DateSelect/DateSelect.types.js.map +1 -1
  26. package/dist/DetailPage/DetailPage.styles.js +7 -7
  27. package/dist/Dropdown/Dropdown.styles.js +3 -3
  28. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  29. package/dist/Dropzone/Dropzone.js +1 -1
  30. package/dist/Dropzone/Dropzone.styles.js +9 -9
  31. package/dist/EmptyState/EmptyState.styles.js +6 -6
  32. package/dist/Field/Field.styles.js +3 -3
  33. package/dist/FileList/FileList.styles.js +3 -3
  34. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  35. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  36. package/dist/FileSelect/FileSelect.styles.js +2 -2
  37. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  38. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  39. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  40. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  41. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  42. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  43. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  44. package/dist/FileToken/FileToken.styles.js +6 -6
  45. package/dist/FilterToken/FilterToken.styles.js +5 -5
  46. package/dist/FlexList/FlexList.styles.js +1 -1
  47. package/dist/Form/Form.styles.js +13 -13
  48. package/dist/Form/StyledFormikForm.styles.js +2 -2
  49. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +2 -2
  50. package/dist/Grid/Grid.styles.js +2 -2
  51. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  52. package/dist/Input/Input.styles.js +1 -1
  53. package/dist/Link/Link.styles.js +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 +11 -11
  57. package/dist/Modal/Modal.styles.js +13 -13
  58. package/dist/MultiSelect/MultiSelect.styles.js +8 -8
  59. package/dist/NextMenu/NextMenu.styles.js +3 -3
  60. package/dist/NextTile/NextTile.d.ts +24 -0
  61. package/dist/NextTile/NextTile.js +275 -90
  62. package/dist/NextTile/NextTile.js.map +1 -1
  63. package/dist/NextTile/NextTile.styles.d.ts +16 -0
  64. package/dist/NextTile/NextTile.styles.js +136 -0
  65. package/dist/NextTile/NextTile.styles.js.map +1 -0
  66. package/dist/NextTile/NextTile.types.d.ts +14 -2
  67. package/dist/NextTile/NextTile.types.js.map +1 -1
  68. package/dist/Notation/Notation.js +1 -1
  69. package/dist/NumberInput/NumberInput.styles.js +7 -7
  70. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  71. package/dist/PageLayout/PageLayout.styles.js +16 -16
  72. package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
  73. package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js +3 -3
  74. package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js +2 -2
  75. package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js +3 -3
  76. package/dist/Pagination/Pagination.styles.js +5 -5
  77. package/dist/Panel/Panel.styles.js +11 -11
  78. package/dist/Pill/Pill.styles.js +3 -3
  79. package/dist/PillSelect/PillSelect.styles.js +4 -4
  80. package/dist/Popover/Popover.styles.js +2 -2
  81. package/dist/Portal/Portal.styles.js +1 -1
  82. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  83. package/dist/RadioButton/RadioButton.styles.js +3 -3
  84. package/dist/Required/Required.styles.js +3 -3
  85. package/dist/Search/Search.styles.js +5 -5
  86. package/dist/Section/Section.styles.js +7 -7
  87. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  88. package/dist/Select/Select.styles.js +8 -8
  89. package/dist/Semantic/Semantic.styles.js +9 -9
  90. package/dist/Slider/Slider.styles.js +5 -5
  91. package/dist/Spinner/Spinner.styles.js +7 -7
  92. package/dist/SplitViewCard/SplitViewCard.styles.js +8 -8
  93. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  94. package/dist/SuperSelect/SuperSelect.styles.js +40 -40
  95. package/dist/Switch/Switch.styles.js +4 -4
  96. package/dist/Table/Table.styles.js +29 -29
  97. package/dist/TableShelf/TableShelf.styles.js +5 -5
  98. package/dist/Tabs/Tabs.styles.js +16 -16
  99. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  100. package/dist/TextArea/TextArea.styles.js +1 -1
  101. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  102. package/dist/Thumbnail/Thumbnail.hooks.d.ts +13 -7
  103. package/dist/Thumbnail/Thumbnail.hooks.js +15 -5
  104. package/dist/Thumbnail/Thumbnail.hooks.js.map +1 -1
  105. package/dist/Thumbnail/Thumbnail.js +8 -4
  106. package/dist/Thumbnail/Thumbnail.js.map +1 -1
  107. package/dist/Thumbnail/Thumbnail.styles.d.ts +13 -5
  108. package/dist/Thumbnail/Thumbnail.styles.js +42 -24
  109. package/dist/Thumbnail/Thumbnail.styles.js.map +1 -1
  110. package/dist/Thumbnail/Thumbnail.types.d.ts +12 -10
  111. package/dist/Thumbnail/Thumbnail.types.js.map +1 -1
  112. package/dist/Thumbnail/Thumbnail.utils.d.ts +1 -0
  113. package/dist/Thumbnail/Thumbnail.utils.js +7 -0
  114. package/dist/Thumbnail/Thumbnail.utils.js.map +1 -1
  115. package/dist/Thumbnail/ThumbnailCaption.js +85 -40
  116. package/dist/Thumbnail/ThumbnailCaption.js.map +1 -1
  117. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  118. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  119. package/dist/Tile/Tile.styles.js +10 -10
  120. package/dist/Tile/Tile.styles.js.map +1 -1
  121. package/dist/Title/Title.styles.js +7 -7
  122. package/dist/Toast/Toast.styles.js +3 -3
  123. package/dist/ToggleButton/ToggleButton.styles.js +1 -1
  124. package/dist/Token/Token.styles.js +5 -5
  125. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  126. package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
  127. package/dist/Tooltip/Tooltip.styles.js +3 -3
  128. package/dist/Tree/Tree.js +1 -1
  129. package/dist/Tree/Tree.styles.js +10 -10
  130. package/dist/Typeahead/Typeahead.styles.js +3 -3
  131. package/dist/Typography/Typography.styles.js +1 -1
  132. package/dist/Typography/Typography.table.story.js +2 -2
  133. package/dist/_hooks/ClickOutside.js +8 -3
  134. package/dist/_hooks/ClickOutside.js.map +1 -1
  135. package/dist/_hooks/I18n.d.ts +2 -0
  136. package/dist/_locales/en.json +1 -0
  137. package/dist/_locales/pseudo.json +1 -0
  138. package/dist/_storyHelpers_/components/Deprecation.styles.js +1 -1
  139. package/dist/_storyHelpers_/components/StoryGrid.js +3 -3
  140. package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json +4 -4
  141. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  142. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +25 -25
  143. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  144. package/dist/_typedoc/Banner/Banner.types.json +15 -15
  145. package/dist/_typedoc/Box/Box.types.json +68 -68
  146. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  147. package/dist/_typedoc/Button/Button.types.json +14 -14
  148. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  149. package/dist/_typedoc/Card/Card.types.json +6 -6
  150. package/dist/_typedoc/Checkbox/Checkbox.types.json +8 -8
  151. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  152. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  153. package/dist/_typedoc/DateSelect/DateSelect.types.json +23 -13
  154. package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
  155. package/dist/_typedoc/Dropdown/Dropdown.types.json +38 -38
  156. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +31 -31
  157. package/dist/_typedoc/Dropzone/Dropzone.types.json +44 -44
  158. package/dist/_typedoc/EmptyState/EmptyState.types.json +18 -18
  159. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  160. package/dist/_typedoc/FileSelect/FileSelect.types.json +27 -27
  161. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  162. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  163. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  164. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  165. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  166. package/dist/_typedoc/Form/Form.types.json +780 -760
  167. package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +12 -12
  168. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  169. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +54 -54
  170. package/dist/_typedoc/Input/Input.types.json +2 -2
  171. package/dist/_typedoc/Link/Link.types.json +1 -1
  172. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  173. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  174. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +84 -84
  175. package/dist/_typedoc/Modal/Modal.types.json +48 -48
  176. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +33 -33
  177. package/dist/_typedoc/NextTile/NextTile.types.json +42 -32
  178. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  179. package/dist/_typedoc/NumberInput/NumberInput.types.json +48 -48
  180. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +33 -33
  181. package/dist/_typedoc/PageLayout/PageLayout.types.json +28 -28
  182. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  183. package/dist/_typedoc/Panel/Panel.types.json +28 -28
  184. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  185. package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
  186. package/dist/_typedoc/Popover/Popover.types.json +15 -15
  187. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +7 -7
  188. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  189. package/dist/_typedoc/Required/Required.types.json +5 -5
  190. package/dist/_typedoc/Search/Search.types.json +18 -18
  191. package/dist/_typedoc/Section/Section.types.json +15 -15
  192. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +21 -21
  193. package/dist/_typedoc/Select/Select.types.json +67 -67
  194. package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
  195. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  196. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  197. package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +14 -14
  198. package/dist/_typedoc/Table/Table.types.json +114 -104
  199. package/dist/_typedoc/Tabs/Tabs.types.json +21 -21
  200. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +17 -17
  201. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  202. package/dist/_typedoc/TextEditor/TextEditor.types.json +11 -11
  203. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
  204. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +23 -23
  205. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +43 -43
  206. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +29 -29
  207. package/dist/_typedoc/Tile/Tile.types.json +8 -8
  208. package/dist/_typedoc/Title/Title.types.json +1 -1
  209. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  210. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
  211. package/dist/_typedoc/Token/Token.types.json +7 -7
  212. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  213. package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +8 -8
  214. package/dist/_typedoc/Tooltip/Tooltip.types.json +15 -15
  215. package/dist/_typedoc/Tree/Tree.types.json +88 -88
  216. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  217. package/dist/_typedoc/Typography/Typography.types.json +9 -9
  218. package/dist/_typedoc/_utils/types.json +3 -3
  219. package/dist/_typedoc/a11y-tips.json +1 -1
  220. package/dist/index.d.ts +1 -0
  221. package/dist/index.js +1 -0
  222. package/dist/index.js.map +1 -1
  223. package/package.json +16 -16
@@ -3,7 +3,7 @@ import { Button } from '../Button/Button';
3
3
  import { colors } from '../_styles/colors';
4
4
  export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
5
5
  displayName: "StyledToggleButton",
6
- componentId: "core-12_47_1__sc-1x59fxi-0"
6
+ componentId: "core-12_48_0__sc-1x59fxi-0"
7
7
  })(["", ""], function (_ref) {
8
8
  var $selected = _ref.$selected;
9
9
  return $selected && css(["background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue96, colors.blue70, colors.blue70, colors.blue50);
@@ -7,23 +7,23 @@ import { getEllipsis, getFocus, getGapOutlineFocus } from '../_styles/mixins';
7
7
  import { spacing } from '../_styles/spacing';
8
8
  export var StyledErrorIcon = /*#__PURE__*/styled.span.withConfig({
9
9
  displayName: "StyledErrorIcon",
10
- componentId: "core-12_47_1__sc-zqi94b-0"
10
+ componentId: "core-12_48_0__sc-zqi94b-0"
11
11
  })(["align-items:center;color:", ";display:inline-flex;flex:0 0 auto;margin-right:", "px;"], colors.white, spacing.xs);
12
12
  export var StyledErrorButton = /*#__PURE__*/styled.button.withConfig({
13
13
  displayName: "StyledErrorButton",
14
- componentId: "core-12_47_1__sc-zqi94b-1"
14
+ componentId: "core-12_48_0__sc-zqi94b-1"
15
15
  })(["", " align-items:center;border-radius:50%;color:", ";display:inline-flex;flex:0 0 auto;margin-right:", "px;&:focus-visible{", "}"], getUnstyledButton, colors.white, spacing.xs, getGapOutlineFocus('ontop'));
16
16
  export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
17
17
  displayName: "StyledLabel",
18
- componentId: "core-12_47_1__sc-zqi94b-2"
18
+ componentId: "core-12_48_0__sc-zqi94b-2"
19
19
  })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
20
20
  export var StyledRemove = /*#__PURE__*/styled(Button).withConfig({
21
21
  displayName: "StyledRemove",
22
- componentId: "core-12_47_1__sc-zqi94b-3"
22
+ componentId: "core-12_48_0__sc-zqi94b-3"
23
23
  })(["border-radius:100%;color:", ";flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;padding:0;width:16px;&:hover{background:", ";color:", ";}&:disabled,&[aria-disabled='true']{color:", ";}"], colors.white, spacing.sm, spacing.sm, colors.white, colors.blue40, colors.white);
24
24
  export var StyledToken = /*#__PURE__*/styled.div.withConfig({
25
25
  displayName: "StyledToken",
26
- componentId: "core-12_47_1__sc-zqi94b-4"
26
+ componentId: "core-12_48_0__sc-zqi94b-4"
27
27
  })(["align-items:center;background-color:", ";border-radius:200px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:24px;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", " ", " ", ""], colors.blue50, colors.white, spacing.xs, spacing.md, colors.blue45, function (_ref) {
28
28
  var _ref$$focused = _ref.$focused,
29
29
  $focused = _ref$$focused === void 0 ? false : _ref$$focused,
@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
5
5
  import { spacing } from '../_styles/spacing';
6
6
  export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
7
7
  displayName: "StyledHeaderBadge",
8
- componentId: "core-12_47_1__sc-1jpjx47-0"
8
+ componentId: "core-12_48_0__sc-1jpjx47-0"
9
9
  })(["", " border-radius:10px;border-style:solid;border-width:1px;display:inline-block;margin-bottom:", "px;padding:1px ", "px;", ""], getTypographyIntent('small'), spacing.sm, spacing.sm, function (_ref) {
10
10
  var $variant = _ref.$variant;
11
11
  if ($variant) {
@@ -18,22 +18,22 @@ export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
18
18
  // TODO in v12 remove cursor: pointer;
19
19
  export var StyledToolHeaderIconContainer = /*#__PURE__*/styled.div.withConfig({
20
20
  displayName: "StyledToolHeaderIconContainer",
21
- componentId: "core-12_47_1__sc-1jpjx47-1"
21
+ componentId: "core-12_48_0__sc-1jpjx47-1"
22
22
  })(["color:", ";cursor:pointer;display:inline-flex;flex:0 0 auto;"], colors.orange50);
23
23
  export var StyledHeaderTabs = /*#__PURE__*/styled.div.withConfig({
24
24
  displayName: "StyledHeaderTabs",
25
- componentId: "core-12_47_1__sc-1jpjx47-2"
25
+ componentId: "core-12_48_0__sc-1jpjx47-2"
26
26
  })(["align-self:flex-end;flex:1 1 auto;min-width:100px;overflow:hidden;"]);
27
27
  export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
28
28
  displayName: "StyledHeaderActions",
29
- componentId: "core-12_47_1__sc-1jpjx47-3"
29
+ componentId: "core-12_48_0__sc-1jpjx47-3"
30
30
  })(["flex:0 0 auto;margin-left:auto;padding-left:", "px;"], spacing.lg);
31
31
  export var StyledToolHeaderTitle = /*#__PURE__*/styled(H1).withConfig({
32
32
  displayName: "StyledToolHeaderTitle",
33
- componentId: "core-12_47_1__sc-1jpjx47-4"
33
+ componentId: "core-12_48_0__sc-1jpjx47-4"
34
34
  })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
35
35
  export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
36
36
  displayName: "StyledToolHeader",
37
- componentId: "core-12_47_1__sc-1jpjx47-5"
37
+ componentId: "core-12_48_0__sc-1jpjx47-5"
38
38
  })(["align-items:center;display:flex;min-height:36px;width:100%;", " + ", ",a + ", ",button + ", "{margin-left:", "px;}"], StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
39
39
  //# sourceMappingURL=ToolHeader.styles.js.map
@@ -3,14 +3,14 @@ import { Page } from '../PageLayout';
3
3
  import { spacing } from '../_styles/spacing';
4
4
  export var StyledTitleOuter = /*#__PURE__*/styled(Page.Title).withConfig({
5
5
  displayName: "StyledTitleOuter",
6
- componentId: "core-12_47_1__sc-wa8j06-0"
6
+ componentId: "core-12_48_0__sc-wa8j06-0"
7
7
  })(["align-items:center;display:flex;gap:", "px;"], spacing.md);
8
8
  export var StyledTitleInner = /*#__PURE__*/styled.div.withConfig({
9
9
  displayName: "StyledTitleInner",
10
- componentId: "core-12_47_1__sc-wa8j06-1"
10
+ componentId: "core-12_48_0__sc-wa8j06-1"
11
11
  })(["width:100%;"]);
12
12
  export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledToolLandingPageBodyContent",
14
- componentId: "core-12_47_1__sc-wa8j06-2"
14
+ componentId: "core-12_48_0__sc-wa8j06-2"
15
15
  })(["> * + *{margin-top:", "px;}"], spacing.sm);
16
16
  //# sourceMappingURL=ToolLandingPage.styles.js.map
@@ -8,16 +8,16 @@ import { getShadow } from '../_styles/shadows';
8
8
  import { spacing } from '../_styles/spacing';
9
9
  export var StyledTooltip = /*#__PURE__*/styled.span.withConfig({
10
10
  displayName: "StyledTooltip",
11
- componentId: "core-12_47_1__sc-1fawsi4-0"
11
+ componentId: "core-12_48_0__sc-1fawsi4-0"
12
12
  })(["", " color:", ";max-width:200px;padding:", "px ", "px;position:relative;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;&:empty{display:none;}"], getTypographyIntent('small'), colors.white, spacing.sm, spacing.md);
13
13
  export var StyledContainer = /*#__PURE__*/styled.span.withConfig({
14
14
  displayName: "StyledContainer",
15
- componentId: "core-12_47_1__sc-1fawsi4-1"
15
+ componentId: "core-12_48_0__sc-1fawsi4-1"
16
16
  })(["display:inline-flex;background-color:", ";border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}&:has(> span:empty) + [data-overlay-arrow]{display:none;}"], colors.gray15, borderRadius.md, getShadow(3, 'bottom'), colors.gray15);
17
17
 
18
18
  // This is for the inline typography icon button. Note: not `Button` styles
19
19
  export var StyledTooltipButton = /*#__PURE__*/styled.button.withConfig({
20
20
  displayName: "StyledTooltipButton",
21
- componentId: "core-12_47_1__sc-1fawsi4-2"
21
+ componentId: "core-12_48_0__sc-1fawsi4-2"
22
22
  })(["", " border-radius:50%;color:", ";display:inline-flex;vertical-align:middle;&:focus-visible{", "}* + &{margin-left:", "px;}"], getUnstyledButton, colors.gray45, getGapOutlineFocus('ontop'), spacing.sm);
23
23
  //# sourceMappingURL=Tooltip.styles.js.map
package/dist/Tree/Tree.js CHANGED
@@ -565,7 +565,7 @@ var IconContainer = function IconContainer(_ref5) {
565
565
  };
566
566
  var StyledChevronIcon = /*#__PURE__*/styled(ChevronRight).withConfig({
567
567
  displayName: "StyledChevronIcon",
568
- componentId: "core-12_47_1__sc-f25ekl-0"
568
+ componentId: "core-12_48_0__sc-f25ekl-0"
569
569
  })(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref6) {
570
570
  var $isExpanded = _ref6.$isExpanded;
571
571
  return $isExpanded ? 90 : 0;
@@ -5,11 +5,11 @@ import { Typography } from '../Typography/Typography';
5
5
  import { colors } from '../_styles/colors';
6
6
  export var StyledFilenameCaption = /*#__PURE__*/styled(Typography).withConfig({
7
7
  displayName: "StyledFilenameCaption",
8
- componentId: "core-12_47_1__sc-2d45b5-0"
8
+ componentId: "core-12_48_0__sc-2d45b5-0"
9
9
  })(["display:flex;width:100%;"]);
10
10
  export var StyledTree = /*#__PURE__*/styled.div.withConfig({
11
11
  displayName: "StyledTree",
12
- componentId: "core-12_47_1__sc-2d45b5-1"
12
+ componentId: "core-12_48_0__sc-2d45b5-1"
13
13
  })(["width:100%;height:100%;min-height:36px;outline:none;overflow:auto;"]);
14
14
  export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
15
15
  shouldForwardProp: function shouldForwardProp(prop) {
@@ -17,7 +17,7 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
17
17
  }
18
18
  }).withConfig({
19
19
  displayName: "StyledTreeRowContainer",
20
- componentId: "core-12_47_1__sc-2d45b5-2"
20
+ componentId: "core-12_48_0__sc-2d45b5-2"
21
21
  })(["display:flex;align-items:center;height:36px;background:transparent;box-shadow:inset 4px 0px 0px transparent;cursor:default;outline:none;", " &:hover{background:", ";}", " ", ""], function (_ref) {
22
22
  var isSelectable = _ref.isSelectable,
23
23
  $isSelectable = _ref.$isSelectable;
@@ -35,29 +35,29 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
35
35
  });
36
36
  export var StyledTreeRowContent = /*#__PURE__*/styled.div.withConfig({
37
37
  displayName: "StyledTreeRowContent",
38
- componentId: "core-12_47_1__sc-2d45b5-3"
38
+ componentId: "core-12_48_0__sc-2d45b5-3"
39
39
  })(["display:flex;align-items:center;"]);
40
40
  export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
41
41
  displayName: "StyledTreeRowWrapper",
42
- componentId: "core-12_47_1__sc-2d45b5-4"
42
+ componentId: "core-12_48_0__sc-2d45b5-4"
43
43
  })(["outline:none;"]);
44
44
  var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
45
45
  displayName: "StyledIconBase",
46
- componentId: "core-12_47_1__sc-2d45b5-5"
46
+ componentId: "core-12_48_0__sc-2d45b5-5"
47
47
  })(["display:flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;min-height:24px;"]);
48
48
 
49
49
  /** @deprecated Use StyledChevronPlaceholder instead */
50
50
  export var StyledChevronContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
51
51
  displayName: "StyledChevronContainer",
52
- componentId: "core-12_47_1__sc-2d45b5-6"
52
+ componentId: "core-12_48_0__sc-2d45b5-6"
53
53
  })([""]);
54
54
  export var StyledChevronPlaceholder = /*#__PURE__*/styled(StyledIconBase).withConfig({
55
55
  displayName: "StyledChevronPlaceholder",
56
- componentId: "core-12_47_1__sc-2d45b5-7"
56
+ componentId: "core-12_48_0__sc-2d45b5-7"
57
57
  })([""]);
58
58
  export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
59
59
  displayName: "StyledIconContainer",
60
- componentId: "core-12_47_1__sc-2d45b5-8"
60
+ componentId: "core-12_48_0__sc-2d45b5-8"
61
61
  })(["color:", ";"], function (_ref4) {
62
62
  var $isSelected = _ref4.$isSelected;
63
63
  return $isSelected ? colors.blue45 : colors.gray40;
@@ -66,7 +66,7 @@ export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig(
66
66
  /** @deprecated TreeRowChevron now uses Button with inline styled icon */
67
67
  export var StyledChevron = /*#__PURE__*/styled(ChevronRight).withConfig({
68
68
  displayName: "StyledChevron",
69
- componentId: "core-12_47_1__sc-2d45b5-9"
69
+ componentId: "core-12_48_0__sc-2d45b5-9"
70
70
  })(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref5) {
71
71
  var $isExpanded = _ref5.$isExpanded;
72
72
  return $isExpanded ? 90 : 0;
@@ -5,11 +5,11 @@ import { spacing } from '../_styles/spacing';
5
5
  var inputHeight = 36;
6
6
  export var StyledInput = /*#__PURE__*/styled.input.withConfig({
7
7
  displayName: "StyledInput",
8
- componentId: "core-12_47_1__sc-gpc39h-0"
8
+ componentId: "core-12_48_0__sc-gpc39h-0"
9
9
  })(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
10
10
  export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
11
11
  displayName: "StyledIcon",
12
- componentId: "core-12_47_1__sc-gpc39h-1"
12
+ componentId: "core-12_48_0__sc-gpc39h-1"
13
13
  })(["align-items:center;color:", ";display:flex;height:", "px;justify-content:center;pointer-events:", ";position:absolute;right:0;top:0;width:", "px;"], function (p) {
14
14
  return p.disabled ? colors.gray70 : colors.gray45;
15
15
  }, inputHeight, function (p) {
@@ -17,6 +17,6 @@ export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
17
17
  }, inputHeight);
18
18
  export var StyledTypeahead = /*#__PURE__*/styled.div.withConfig({
19
19
  displayName: "StyledTypeahead",
20
- componentId: "core-12_47_1__sc-gpc39h-2"
20
+ componentId: "core-12_48_0__sc-gpc39h-2"
21
21
  })(["position:relative;width:100%;"]);
22
22
  //# sourceMappingURL=Typeahead.styles.js.map
@@ -35,7 +35,7 @@ export var semiboldRules = function semiboldRules() {
35
35
  };
36
36
  export var StyledTypography = /*#__PURE__*/styled.span.withConfig({
37
37
  displayName: "StyledTypography",
38
- componentId: "core-12_47_1__sc-1c4583t-0"
38
+ componentId: "core-12_48_0__sc-1c4583t-0"
39
39
  })(["", " color:", ";font-style:", ";font-weight:", ";", " ", " em,i{font-style:italic;}"], function (_ref) {
40
40
  var _ref$$intent = _ref.$intent,
41
41
  $intent = _ref$$intent === void 0 ? 'body' : _ref$$intent;
@@ -5,11 +5,11 @@ import { colors } from '../_styles/colors';
5
5
  import { getTypographyIntent } from './Typography.styles';
6
6
  var StyledBodyCell = /*#__PURE__*/styled(Table.BodyCell).withConfig({
7
7
  displayName: "StyledBodyCell",
8
- componentId: "core-12_47_1__sc-p4v7d-0"
8
+ componentId: "core-12_48_0__sc-p4v7d-0"
9
9
  })([""]);
10
10
  var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
11
11
  displayName: "StyledTextCell",
12
- componentId: "core-12_47_1__sc-p4v7d-1"
12
+ componentId: "core-12_48_0__sc-p4v7d-1"
13
13
  })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
14
14
  function BodyCell() {
15
15
  return /*#__PURE__*/React.createElement(StyledBodyCell, {
@@ -6,11 +6,16 @@ import { useEventListener } from './EventListener';
6
6
  */
7
7
  // To support MenuRef had to change to any. Could manually do <HTMLElement & MenuRef> but seems brittle
8
8
  export function isEventSource(ref, event) {
9
- if (ref !== null && ref !== void 0 && ref.current && event && (event.target instanceof HTMLElement || event.target instanceof SVGElement)) {
10
- return ref.current.contains(event.target);
11
- } else {
9
+ if (!(ref !== null && ref !== void 0 && ref.current) || !event) {
12
10
  return false;
13
11
  }
12
+ if (event.target instanceof HTMLElement || event.target instanceof SVGElement) {
13
+ if (typeof event.composedPath === 'function') {
14
+ return event.composedPath().includes(ref.current);
15
+ }
16
+ return ref.current.contains(event.target);
17
+ }
18
+ return false;
14
19
  }
15
20
 
16
21
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"ClickOutside.js","names":["useRef","useEventListener","isEventSource","ref","event","current","target","HTMLElement","SVGElement","contains","useClickOutside","_ref","_ref$refs","refs","onClickOutside","container","mousedownTarget","handleMouseDown","handleMouseUp","_mousedownTarget$curr","_mousedownTarget$curr2","isSameTarget","Element","isSameNode","call","isOutsideTarget","find","options","capture","containerDocument","ownerDocument","scope","defaultView","undefined","handler"],"sources":["../../src/_hooks/ClickOutside.ts"],"sourcesContent":["import type React from 'react'\nimport { useRef } from 'react'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport { useEventListener } from './EventListener'\n\nexport interface ClickOutsideConfig extends Pick<PortalProps, 'container'> {\n /**\n * @since 10.19.0\n */\n onClickOutside: (event: MouseEvent) => void\n /**\n * @since 10.19.0\n */\n refs: Array<React.RefObject<HTMLElement>>\n}\n\nexport interface ClickOutsideProps extends ClickOutsideConfig {\n /**\n * @since 10.19.0\n */\n children: React.ReactElement\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\n// To support MenuRef had to change to any. Could manually do <HTMLElement & MenuRef> but seems brittle\nexport function isEventSource(ref: React.RefObject<any>, event: Event) {\n if (\n ref?.current &&\n event &&\n (event.target instanceof HTMLElement || event.target instanceof SVGElement)\n ) {\n return ref.current.contains(event.target)\n } else {\n return false\n }\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useClickOutside({\n refs = [],\n onClickOutside,\n container,\n}: ClickOutsideConfig) {\n const mousedownTarget = useRef<EventTarget | null>(null)\n\n const handleMouseDown = (event: MouseEvent) => {\n mousedownTarget.current = event.target\n }\n\n // Only trigger if the mouseup target is the same as the mousedown target\n // and it's outside of our refs\n const handleMouseUp = (event: MouseEvent) => {\n const isSameTarget =\n mousedownTarget.current instanceof Element &&\n event.target instanceof Element &&\n mousedownTarget.current.isSameNode?.(event.target)\n const isOutsideTarget = !refs.find((ref) => isEventSource(ref, event))\n if (isOutsideTarget && isSameTarget) {\n onClickOutside(event)\n }\n mousedownTarget.current = null\n }\n\n const options = { capture: true }\n const containerDocument = container?.ownerDocument\n const scope = containerDocument?.defaultView || undefined\n\n useEventListener({\n event: 'mousedown',\n handler: handleMouseDown,\n options,\n scope: scope,\n })\n\n useEventListener({\n event: 'mouseup',\n handler: handleMouseUp,\n options,\n scope: scope,\n })\n\n useEventListener({\n event: 'touchend',\n handler: handleMouseUp,\n options,\n scope: scope,\n })\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,OAAO;AAE9B,SAASC,gBAAgB,QAAQ,iBAAiB;AAoBlD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAACC,GAAyB,EAAEC,KAAY,EAAE;EACrE,IACED,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEE,OAAO,IACZD,KAAK,KACJA,KAAK,CAACE,MAAM,YAAYC,WAAW,IAAIH,KAAK,CAACE,MAAM,YAAYE,UAAU,CAAC,EAC3E;IACA,OAAOL,GAAG,CAACE,OAAO,CAACI,QAAQ,CAACL,KAAK,CAACE,MAAM,CAAC;EAC3C,CAAC,MAAM;IACL,OAAO,KAAK;EACd;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,eAAeA,CAAAC,IAAA,EAIR;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAHrBE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,IAAMC,eAAe,GAAGhB,MAAM,CAAqB,IAAI,CAAC;EAExD,IAAMiB,eAAe,GAAG,SAAlBA,eAAeA,CAAIb,KAAiB,EAAK;IAC7CY,eAAe,CAACX,OAAO,GAAGD,KAAK,CAACE,MAAM;EACxC,CAAC;;EAED;EACA;EACA,IAAMY,aAAa,GAAG,SAAhBA,aAAaA,CAAId,KAAiB,EAAK;IAAA,IAAAe,qBAAA,EAAAC,sBAAA;IAC3C,IAAMC,YAAY,GAChBL,eAAe,CAACX,OAAO,YAAYiB,OAAO,IAC1ClB,KAAK,CAACE,MAAM,YAAYgB,OAAO,MAAAH,qBAAA,GAC/B,CAAAC,sBAAA,GAAAJ,eAAe,CAACX,OAAO,EAACkB,UAAU,cAAAJ,qBAAA,uBAAlCA,qBAAA,CAAAK,IAAA,CAAAJ,sBAAA,EAAqChB,KAAK,CAACE,MAAM,CAAC;IACpD,IAAMmB,eAAe,GAAG,CAACZ,IAAI,CAACa,IAAI,CAAC,UAACvB,GAAG;MAAA,OAAKD,aAAa,CAACC,GAAG,EAAEC,KAAK,CAAC;IAAA,EAAC;IACtE,IAAIqB,eAAe,IAAIJ,YAAY,EAAE;MACnCP,cAAc,CAACV,KAAK,CAAC;IACvB;IACAY,eAAe,CAACX,OAAO,GAAG,IAAI;EAChC,CAAC;EAED,IAAMsB,OAAO,GAAG;IAAEC,OAAO,EAAE;EAAK,CAAC;EACjC,IAAMC,iBAAiB,GAAGd,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEe,aAAa;EAClD,IAAMC,KAAK,GAAG,CAAAF,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEG,WAAW,KAAIC,SAAS;EAEzDhC,gBAAgB,CAAC;IACfG,KAAK,EAAE,WAAW;IAClB8B,OAAO,EAAEjB,eAAe;IACxBU,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;EAEF9B,gBAAgB,CAAC;IACfG,KAAK,EAAE,SAAS;IAChB8B,OAAO,EAAEhB,aAAa;IACtBS,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;EAEF9B,gBAAgB,CAAC;IACfG,KAAK,EAAE,UAAU;IACjB8B,OAAO,EAAEhB,aAAa;IACtBS,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;AACJ"}
1
+ {"version":3,"file":"ClickOutside.js","names":["useRef","useEventListener","isEventSource","ref","event","current","target","HTMLElement","SVGElement","composedPath","includes","contains","useClickOutside","_ref","_ref$refs","refs","onClickOutside","container","mousedownTarget","handleMouseDown","handleMouseUp","_mousedownTarget$curr","_mousedownTarget$curr2","isSameTarget","Element","isSameNode","call","isOutsideTarget","find","options","capture","containerDocument","ownerDocument","scope","defaultView","undefined","handler"],"sources":["../../src/_hooks/ClickOutside.ts"],"sourcesContent":["import type React from 'react'\nimport { useRef } from 'react'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport { useEventListener } from './EventListener'\n\nexport interface ClickOutsideConfig extends Pick<PortalProps, 'container'> {\n /**\n * @since 10.19.0\n */\n onClickOutside: (event: MouseEvent) => void\n /**\n * @since 10.19.0\n */\n refs: Array<React.RefObject<HTMLElement>>\n}\n\nexport interface ClickOutsideProps extends ClickOutsideConfig {\n /**\n * @since 10.19.0\n */\n children: React.ReactElement\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\n// To support MenuRef had to change to any. Could manually do <HTMLElement & MenuRef> but seems brittle\nexport function isEventSource(ref: React.RefObject<any>, event: Event) {\n if (!ref?.current || !event) {\n return false\n }\n\n if (\n event.target instanceof HTMLElement ||\n event.target instanceof SVGElement\n ) {\n if (typeof event.composedPath === 'function') {\n return event.composedPath().includes(ref.current)\n }\n\n return ref.current.contains(event.target)\n }\n\n return false\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useClickOutside({\n refs = [],\n onClickOutside,\n container,\n}: ClickOutsideConfig) {\n const mousedownTarget = useRef<EventTarget | null>(null)\n\n const handleMouseDown = (event: MouseEvent) => {\n mousedownTarget.current = event.target\n }\n\n // Only trigger if the mouseup target is the same as the mousedown target\n // and it's outside of our refs\n const handleMouseUp = (event: MouseEvent) => {\n const isSameTarget =\n mousedownTarget.current instanceof Element &&\n event.target instanceof Element &&\n mousedownTarget.current.isSameNode?.(event.target)\n const isOutsideTarget = !refs.find((ref) => isEventSource(ref, event))\n if (isOutsideTarget && isSameTarget) {\n onClickOutside(event)\n }\n mousedownTarget.current = null\n }\n\n const options = { capture: true }\n const containerDocument = container?.ownerDocument\n const scope = containerDocument?.defaultView || undefined\n\n useEventListener({\n event: 'mousedown',\n handler: handleMouseDown,\n options,\n scope: scope,\n })\n\n useEventListener({\n event: 'mouseup',\n handler: handleMouseUp,\n options,\n scope: scope,\n })\n\n useEventListener({\n event: 'touchend',\n handler: handleMouseUp,\n options,\n scope: scope,\n })\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,OAAO;AAE9B,SAASC,gBAAgB,QAAQ,iBAAiB;AAoBlD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAACC,GAAyB,EAAEC,KAAY,EAAE;EACrE,IAAI,EAACD,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEE,OAAO,KAAI,CAACD,KAAK,EAAE;IAC3B,OAAO,KAAK;EACd;EAEA,IACEA,KAAK,CAACE,MAAM,YAAYC,WAAW,IACnCH,KAAK,CAACE,MAAM,YAAYE,UAAU,EAClC;IACA,IAAI,OAAOJ,KAAK,CAACK,YAAY,KAAK,UAAU,EAAE;MAC5C,OAAOL,KAAK,CAACK,YAAY,CAAC,CAAC,CAACC,QAAQ,CAACP,GAAG,CAACE,OAAO,CAAC;IACnD;IAEA,OAAOF,GAAG,CAACE,OAAO,CAACM,QAAQ,CAACP,KAAK,CAACE,MAAM,CAAC;EAC3C;EAEA,OAAO,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASM,eAAeA,CAAAC,IAAA,EAIR;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAHrBE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,IAAMC,eAAe,GAAGlB,MAAM,CAAqB,IAAI,CAAC;EAExD,IAAMmB,eAAe,GAAG,SAAlBA,eAAeA,CAAIf,KAAiB,EAAK;IAC7Cc,eAAe,CAACb,OAAO,GAAGD,KAAK,CAACE,MAAM;EACxC,CAAC;;EAED;EACA;EACA,IAAMc,aAAa,GAAG,SAAhBA,aAAaA,CAAIhB,KAAiB,EAAK;IAAA,IAAAiB,qBAAA,EAAAC,sBAAA;IAC3C,IAAMC,YAAY,GAChBL,eAAe,CAACb,OAAO,YAAYmB,OAAO,IAC1CpB,KAAK,CAACE,MAAM,YAAYkB,OAAO,MAAAH,qBAAA,GAC/B,CAAAC,sBAAA,GAAAJ,eAAe,CAACb,OAAO,EAACoB,UAAU,cAAAJ,qBAAA,uBAAlCA,qBAAA,CAAAK,IAAA,CAAAJ,sBAAA,EAAqClB,KAAK,CAACE,MAAM,CAAC;IACpD,IAAMqB,eAAe,GAAG,CAACZ,IAAI,CAACa,IAAI,CAAC,UAACzB,GAAG;MAAA,OAAKD,aAAa,CAACC,GAAG,EAAEC,KAAK,CAAC;IAAA,EAAC;IACtE,IAAIuB,eAAe,IAAIJ,YAAY,EAAE;MACnCP,cAAc,CAACZ,KAAK,CAAC;IACvB;IACAc,eAAe,CAACb,OAAO,GAAG,IAAI;EAChC,CAAC;EAED,IAAMwB,OAAO,GAAG;IAAEC,OAAO,EAAE;EAAK,CAAC;EACjC,IAAMC,iBAAiB,GAAGd,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEe,aAAa;EAClD,IAAMC,KAAK,GAAG,CAAAF,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEG,WAAW,KAAIC,SAAS;EAEzDlC,gBAAgB,CAAC;IACfG,KAAK,EAAE,WAAW;IAClBgC,OAAO,EAAEjB,eAAe;IACxBU,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;EAEFhC,gBAAgB,CAAC;IACfG,KAAK,EAAE,SAAS;IAChBgC,OAAO,EAAEhB,aAAa;IACtBS,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;EAEFhC,gBAAgB,CAAC;IACfG,KAAK,EAAE,UAAU;IACjBgC,OAAO,EAAEhB,aAAa;IACtBS,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;AACJ"}
@@ -757,6 +757,7 @@ export declare const coreTranslations: {
757
757
  };
758
758
  thumbnail: {
759
759
  checked: string;
760
+ error: string;
760
761
  unavailable: string;
761
762
  select: string;
762
763
  "aria-label": {
@@ -4886,6 +4887,7 @@ export declare const coreTranslations: {
4886
4887
  };
4887
4888
  thumbnail: {
4888
4889
  checked: string;
4890
+ error: string;
4889
4891
  unavailable: string;
4890
4892
  select: string;
4891
4893
  "aria-label": {
@@ -332,6 +332,7 @@
332
332
  },
333
333
  "thumbnail": {
334
334
  "checked": "Checked",
335
+ "error": "Error",
335
336
  "unavailable": "Content is unavailable",
336
337
  "select": "Select item",
337
338
  "aria-label": {
@@ -332,6 +332,7 @@
332
332
  },
333
333
  "thumbnail": {
334
334
  "checked": "[ƇƇħḗƈķḗḓḓ]",
335
+ "error": "[Ḗřřǿř]",
335
336
  "unavailable": "[ƇƇƇƇƇǿƞŧḗƞŧ · īş · ŭƞȧṽȧīŀȧƀŀḗḗḗḗḗ]",
336
337
  "select": "[ŞŞŞḗŀḗƈŧ · īŧḗḿḿḿ]",
337
338
  "aria-label": {
@@ -2,6 +2,6 @@ import styled from 'styled-components';
2
2
  import { Typography } from '../../Typography';
3
3
  export var StyledDeprecation = /*#__PURE__*/styled(Typography).withConfig({
4
4
  displayName: "StyledDeprecation",
5
- componentId: "core-12_47_1__sc-ojy3xo-0"
5
+ componentId: "core-12_48_0__sc-ojy3xo-0"
6
6
  })(["display:block;margin-bottom:16px;"]);
7
7
  //# sourceMappingURL=Deprecation.styles.js.map
@@ -6,11 +6,11 @@ import styled from 'styled-components';
6
6
  import { colors } from '../../_styles/colors';
7
7
  var StyledCell = /*#__PURE__*/styled.div.withConfig({
8
8
  displayName: "StyledCell",
9
- componentId: "core-12_47_1__sc-7owp8g-0"
9
+ componentId: "core-12_48_0__sc-7owp8g-0"
10
10
  })(["display:flex;align-items:center;justify-content:center;padding:0 48px;border-bottom:1px dashed ", ";border-right:1px dashed ", ";"], colors.gray90, colors.gray90);
11
11
  var StyledGrid = /*#__PURE__*/styled.div.withConfig({
12
12
  displayName: "StyledGrid",
13
- componentId: "core-12_47_1__sc-7owp8g-1"
13
+ componentId: "core-12_48_0__sc-7owp8g-1"
14
14
  })(["align-items:center;justify-content:center;display:grid;gap:0;border-top:1px dashed ", ";border-left:1px dashed ", ";grid-template-columns:repeat( ", ",minmax(0,1fr) );height:100%;width:100%;", "{min-height:", "px;overflow:hidden;}"], colors.gray90, colors.gray90, function (_ref) {
15
15
  var _ref$$columns = _ref.$columns,
16
16
  $columns = _ref$$columns === void 0 ? 1 : _ref$$columns;
@@ -21,7 +21,7 @@ var StyledGrid = /*#__PURE__*/styled.div.withConfig({
21
21
  });
22
22
  var StyledGridContainer = /*#__PURE__*/styled.div.withConfig({
23
23
  displayName: "StyledGridContainer",
24
- componentId: "core-12_47_1__sc-7owp8g-2"
24
+ componentId: "core-12_48_0__sc-7owp8g-2"
25
25
  })(["height:100%;padding:24px;width:100%;"]);
26
26
  export var StoryGrid = function StoryGrid(_ref3) {
27
27
  var children = _ref3.children,
@@ -10,7 +10,7 @@
10
10
  "description": "Accessible name for the navigation landmark. When omitted, the default\ntranslated string `On this page` is used.",
11
11
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Accessible name for the navigation landmark. When omitted, the default\ntranslated string <code>On this page</code> is used.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.42.0</p>\n</dd></dl></div>",
12
12
  "sourceFile": "packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx",
13
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L31"
13
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L31"
14
14
  },
15
15
  {
16
16
  "name": "sections",
@@ -20,7 +20,7 @@
20
20
  "description": "An array of sections used in the anchor navigation.",
21
21
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>An array of sections used in the anchor navigation.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.18.0</p>\n</dd></dl></div>",
22
22
  "sourceFile": "packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx",
23
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L15"
23
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L15"
24
24
  },
25
25
  {
26
26
  "name": "selected",
@@ -30,7 +30,7 @@
30
30
  "description": "The ID of the currently selected section.",
31
31
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The ID of the currently selected section.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.18.0</p>\n</dd></dl></div>",
32
32
  "sourceFile": "packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx",
33
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L20"
33
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L20"
34
34
  },
35
35
  {
36
36
  "name": "onSelect",
@@ -40,7 +40,7 @@
40
40
  "description": "Callback function to update the selected section ID.",
41
41
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback function to update the selected section ID.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.18.0</p>\n</dd></dl></div>",
42
42
  "sourceFile": "packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx",
43
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L25"
43
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L25"
44
44
  }
45
45
  ],
46
46
  "description": ""
@@ -10,7 +10,7 @@
10
10
  "description": "",
11
11
  "descriptionHtml": "",
12
12
  "sourceFile": "packages/core-react/src/_utils/types.ts",
13
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/_utils/types.ts#L42"
13
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/_utils/types.ts#L42"
14
14
  },
15
15
  {
16
16
  "name": "className",
@@ -20,7 +20,7 @@
20
20
  "description": "Additional classNames",
21
21
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
22
22
  "sourceFile": "packages/core-react/src/_utils/types.ts",
23
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/_utils/types.ts#L47"
23
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/_utils/types.ts#L47"
24
24
  },
25
25
  {
26
26
  "name": "icon",
@@ -30,7 +30,7 @@
30
30
  "description": "The icon to display",
31
31
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The icon to display</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
32
32
  "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
33
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/Avatar/Avatar.types.ts#L100"
33
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/Avatar/Avatar.types.ts#L100"
34
34
  },
35
35
  {
36
36
  "name": "style",
@@ -40,7 +40,7 @@
40
40
  "description": "Additional CSS styles",
41
41
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
42
42
  "sourceFile": "packages/core-react/src/_utils/types.ts",
43
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/_utils/types.ts#L52"
43
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/_utils/types.ts#L52"
44
44
  }
45
45
  ],
46
46
  "description": ""
@@ -56,7 +56,7 @@
56
56
  "description": "",
57
57
  "descriptionHtml": "",
58
58
  "sourceFile": "packages/core-react/src/_utils/types.ts",
59
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/_utils/types.ts#L42"
59
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/_utils/types.ts#L42"
60
60
  },
61
61
  {
62
62
  "name": "className",
@@ -66,7 +66,7 @@
66
66
  "description": "Additional classNames",
67
67
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
68
68
  "sourceFile": "packages/core-react/src/_utils/types.ts",
69
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/_utils/types.ts#L47"
69
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/_utils/types.ts#L47"
70
70
  },
71
71
  {
72
72
  "name": "style",
@@ -76,7 +76,7 @@
76
76
  "description": "Additional CSS styles",
77
77
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
78
78
  "sourceFile": "packages/core-react/src/_utils/types.ts",
79
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/_utils/types.ts#L52"
79
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/_utils/types.ts#L52"
80
80
  }
81
81
  ],
82
82
  "description": ""
@@ -92,7 +92,7 @@
92
92
  "description": "",
93
93
  "descriptionHtml": "",
94
94
  "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
95
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/Avatar/Avatar.types.ts#L12"
95
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/Avatar/Avatar.types.ts#L12"
96
96
  },
97
97
  {
98
98
  "name": "img",
@@ -102,7 +102,7 @@
102
102
  "description": "",
103
103
  "descriptionHtml": "",
104
104
  "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
105
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/Avatar/Avatar.types.ts#L13"
105
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/Avatar/Avatar.types.ts#L13"
106
106
  },
107
107
  {
108
108
  "name": "link",
@@ -112,7 +112,7 @@
112
112
  "description": "",
113
113
  "descriptionHtml": "",
114
114
  "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
115
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/Avatar/Avatar.types.ts#L14"
115
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/Avatar/Avatar.types.ts#L14"
116
116
  }
117
117
  ],
118
118
  "description": ""
@@ -128,7 +128,7 @@
128
128
  "description": "",
129
129
  "descriptionHtml": "",
130
130
  "sourceFile": "packages/core-react/src/_utils/types.ts",
131
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/_utils/types.ts#L42"
131
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/_utils/types.ts#L42"
132
132
  },
133
133
  {
134
134
  "name": "className",
@@ -138,7 +138,7 @@
138
138
  "description": "Additional classNames",
139
139
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
140
140
  "sourceFile": "packages/core-react/src/_utils/types.ts",
141
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/_utils/types.ts#L47"
141
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/_utils/types.ts#L47"
142
142
  },
143
143
  {
144
144
  "name": "imageUrl",
@@ -148,7 +148,7 @@
148
148
  "description": "The Avatar rich media url",
149
149
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The Avatar rich media url</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
150
150
  "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
151
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/Avatar/Avatar.types.ts#L108"
151
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/Avatar/Avatar.types.ts#L108"
152
152
  },
153
153
  {
154
154
  "name": "style",
@@ -158,7 +158,7 @@
158
158
  "description": "Additional CSS styles",
159
159
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
160
160
  "sourceFile": "packages/core-react/src/_utils/types.ts",
161
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/_utils/types.ts#L52"
161
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/_utils/types.ts#L52"
162
162
  }
163
163
  ],
164
164
  "description": ""
@@ -174,7 +174,7 @@
174
174
  "description": "",
175
175
  "descriptionHtml": "",
176
176
  "sourceFile": "packages/core-react/src/_utils/types.ts",
177
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/_utils/types.ts#L42"
177
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/_utils/types.ts#L42"
178
178
  },
179
179
  {
180
180
  "name": "className",
@@ -184,7 +184,7 @@
184
184
  "description": "Additional classNames",
185
185
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
186
186
  "sourceFile": "packages/core-react/src/_utils/types.ts",
187
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/_utils/types.ts#L47"
187
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/_utils/types.ts#L47"
188
188
  },
189
189
  {
190
190
  "name": "clickable",
@@ -197,7 +197,7 @@
197
197
  "deprecated": "Reviewing for removal from system, prefer accessible `role=\"link\"` or `role=\"button\"` for interactive UI.",
198
198
  "deprecatedSince": "TBD",
199
199
  "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
200
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/Avatar/Avatar.types.ts#L34"
200
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/Avatar/Avatar.types.ts#L34"
201
201
  },
202
202
  {
203
203
  "name": "disabled",
@@ -208,7 +208,7 @@
208
208
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the Avatar&#39;s disabled state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
209
209
  "defaultValue": "false\n",
210
210
  "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
211
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/Avatar/Avatar.types.ts#L40"
211
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/Avatar/Avatar.types.ts#L40"
212
212
  },
213
213
  {
214
214
  "name": "size",
@@ -221,7 +221,7 @@
221
221
  "deprecated": "\n\nSize \"xl\" been deprecated and will be removed in a future version.\nPlease use \"lg\" instead of \"xl\".\n\n**Before**\n\n`<Avatar size=\"xl\" />`\n\n**After**\n\n`<Avatar size=\"lg\" />`\n",
222
222
  "deprecatedSince": "10.20.0",
223
223
  "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
224
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/Avatar/Avatar.types.ts#L62"
224
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/Avatar/Avatar.types.ts#L62"
225
225
  },
226
226
  {
227
227
  "name": "style",
@@ -231,7 +231,7 @@
231
231
  "description": "Additional CSS styles",
232
232
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
233
233
  "sourceFile": "packages/core-react/src/_utils/types.ts",
234
- "sourceUrl": "https://github.com/procore/core/blob/53f5300/packages/core-react/src/_utils/types.ts#L52"
234
+ "sourceUrl": "https://github.com/procore/core/blob/d7744e8/packages/core-react/src/_utils/types.ts#L52"
235
235
  }
236
236
  ],
237
237
  "description": ""