@procore/core-react 12.16.2 → 12.17.1

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 (240) hide show
  1. package/dist/AnchorNavigation/AnchorNavigation.styles.js +3 -3
  2. package/dist/Avatar/Avatar.styles.js +5 -5
  3. package/dist/AvatarStack/AvatarStack.styles.js +7 -7
  4. package/dist/Badge/Badge.styles.js +2 -2
  5. package/dist/Banner/Banner.styles.js +10 -10
  6. package/dist/Box/Box.styles.js +1 -1
  7. package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  8. package/dist/Button/Button.styles.js +5 -5
  9. package/dist/Calendar/Calendar.styles.js +8 -8
  10. package/dist/Card/Card.styles.js +1 -1
  11. package/dist/Checkbox/Checkbox.styles.js +6 -6
  12. package/dist/Checkbox/CheckboxTooltip.js +1 -1
  13. package/dist/ContactItem/ContactItem.styles.js +5 -5
  14. package/dist/Content/Content.styles.js +2 -2
  15. package/dist/DateInput/DateInput.styles.js +6 -6
  16. package/dist/DetailPage/DetailPage.styles.js +7 -7
  17. package/dist/Dropdown/Dropdown.styles.js +3 -3
  18. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  19. package/dist/Dropzone/Dropzone.hooks.js +5 -3
  20. package/dist/Dropzone/Dropzone.hooks.js.map +1 -1
  21. package/dist/Dropzone/Dropzone.js +3 -2
  22. package/dist/Dropzone/Dropzone.js.map +1 -1
  23. package/dist/Dropzone/Dropzone.styles.js +9 -9
  24. package/dist/Dropzone/Dropzone.utils.d.ts +1 -0
  25. package/dist/Dropzone/Dropzone.utils.js +4 -0
  26. package/dist/Dropzone/Dropzone.utils.js.map +1 -0
  27. package/dist/EmptyState/EmptyState.styles.js +6 -6
  28. package/dist/Field/Field.styles.js +3 -3
  29. package/dist/FileList/FileList.styles.js +4 -4
  30. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  31. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  32. package/dist/FileSelect/FileSelect.styles.js +2 -2
  33. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  34. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  35. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  36. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  37. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  38. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  39. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  40. package/dist/FileToken/FileToken.styles.js +4 -4
  41. package/dist/FilterToken/FilterToken.styles.js +2 -2
  42. package/dist/FlexList/FlexList.styles.js +1 -1
  43. package/dist/Form/Form.styles.js +14 -14
  44. package/dist/Form/StyledFormikForm.styles.d.ts +1 -1
  45. package/dist/Form/StyledFormikForm.styles.js +2 -2
  46. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +2 -2
  47. package/dist/Grid/Grid.styles.js +2 -2
  48. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  49. package/dist/Input/Input.styles.js +1 -1
  50. package/dist/Link/Link.styles.js +1 -1
  51. package/dist/ListPage/ListPage.styles.js +8 -8
  52. package/dist/Loader/Loader.styles.js +2 -2
  53. package/dist/MenuImperative/MenuImperative.styles.js +10 -10
  54. package/dist/Modal/Modal.styles.js +13 -13
  55. package/dist/MultiSelect/MultiSelect.styles.js +6 -6
  56. package/dist/NextMenu/NextMenu.styles.js +3 -3
  57. package/dist/Notation/Notation.js +1 -1
  58. package/dist/NumberInput/NumberInput.styles.js +7 -7
  59. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  60. package/dist/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
  61. package/dist/PageHeaderTemplate/PageHeaderTemplate.styles.js +3 -3
  62. package/dist/PageLayout/PageLayout.styles.js +16 -16
  63. package/dist/PagePaneTemplate/PagePaneTemplate.d.ts +3 -0
  64. package/dist/PagePaneTemplate/PagePaneTemplate.js +27 -0
  65. package/dist/PagePaneTemplate/PagePaneTemplate.js.map +1 -0
  66. package/dist/PagePaneTemplate/PagePaneTemplate.styles.d.ts +20 -0
  67. package/dist/PagePaneTemplate/PagePaneTemplate.styles.js +19 -0
  68. package/dist/PagePaneTemplate/PagePaneTemplate.styles.js.map +1 -0
  69. package/dist/PagePaneTemplate/PagePaneTemplate.types.d.ts +7 -0
  70. package/dist/PagePaneTemplate/PagePaneTemplate.types.js +2 -0
  71. package/dist/PagePaneTemplate/PagePaneTemplate.types.js.map +1 -0
  72. package/dist/PageTemplate/PageTemplate.js +9 -18
  73. package/dist/PageTemplate/PageTemplate.js.map +1 -1
  74. package/dist/PageTemplate/PageTemplate.styles.d.ts +0 -18
  75. package/dist/PageTemplate/PageTemplate.styles.js +3 -16
  76. package/dist/PageTemplate/PageTemplate.styles.js.map +1 -1
  77. package/dist/PageTemplate/PageTemplate.types.d.ts +0 -7
  78. package/dist/PageTemplate/PageTemplate.types.js.map +1 -1
  79. package/dist/PageTemplate/PageTemplateContext.d.ts +3 -0
  80. package/dist/PageTemplate/PageTemplateContext.js +5 -0
  81. package/dist/PageTemplate/PageTemplateContext.js.map +1 -0
  82. package/dist/PageTemplate/PageTemplateContext.types.d.ts +3 -0
  83. package/dist/PageTemplate/PageTemplateContext.types.js +2 -0
  84. package/dist/PageTemplate/PageTemplateContext.types.js.map +1 -0
  85. package/dist/PageTemplate/usePageTemplateContext.d.ts +1 -0
  86. package/dist/PageTemplate/usePageTemplateContext.js +10 -0
  87. package/dist/PageTemplate/usePageTemplateContext.js.map +1 -0
  88. package/dist/Pagination/Pagination.styles.js +5 -5
  89. package/dist/Panel/Panel.styles.js +11 -11
  90. package/dist/Pill/Pill.styles.js +2 -2
  91. package/dist/PillSelect/PillSelect.styles.js +4 -4
  92. package/dist/Popover/Popover.styles.js +2 -2
  93. package/dist/Portal/Portal.styles.js +1 -1
  94. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  95. package/dist/RadioButton/RadioButton.styles.js +3 -3
  96. package/dist/Required/Required.styles.js +3 -3
  97. package/dist/Search/Search.styles.js +5 -5
  98. package/dist/Section/Section.styles.js +7 -7
  99. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  100. package/dist/Select/Select.styles.js +7 -7
  101. package/dist/Semantic/Semantic.js +8 -3
  102. package/dist/Semantic/Semantic.js.map +1 -1
  103. package/dist/Semantic/Semantic.styles.d.ts +6 -6
  104. package/dist/Semantic/Semantic.styles.js +13 -13
  105. package/dist/Semantic/Semantic.styles.js.map +1 -1
  106. package/dist/Slider/Slider.styles.js +5 -5
  107. package/dist/Spinner/Spinner.styles.js +8 -8
  108. package/dist/Spinner/Spinner.styles.js.map +1 -1
  109. package/dist/SplitViewCard/SplitViewCard.styles.js +8 -8
  110. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  111. package/dist/SuperSelect/SuperSelect.styles.js +37 -37
  112. package/dist/SuperSelect/useSuperSelect.js +10 -1
  113. package/dist/SuperSelect/useSuperSelect.js.map +1 -1
  114. package/dist/Switch/Switch.styles.js +4 -4
  115. package/dist/Table/Table.styles.js +28 -28
  116. package/dist/TableShelf/TableShelf.styles.js +5 -5
  117. package/dist/Tabs/Tabs.js +1 -1
  118. package/dist/Tabs/Tabs.js.map +1 -1
  119. package/dist/Tabs/Tabs.styles.d.ts +1 -1
  120. package/dist/Tabs/Tabs.styles.js +17 -17
  121. package/dist/Tabs/Tabs.styles.js.map +1 -1
  122. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  123. package/dist/TextArea/TextArea.styles.js +1 -1
  124. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  125. package/dist/Thumbnail/Thumbnail.hooks.d.ts +8 -8
  126. package/dist/Thumbnail/Thumbnail.styles.js +17 -17
  127. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  128. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  129. package/dist/Tile/Tile.styles.js +8 -8
  130. package/dist/Title/Title.styles.js +7 -7
  131. package/dist/Toast/Toast.styles.js +3 -3
  132. package/dist/ToggleButton/ToggleButton.styles.js +1 -1
  133. package/dist/Token/Token.styles.js +3 -3
  134. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  135. package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
  136. package/dist/Tooltip/Tooltip.styles.js +2 -2
  137. package/dist/Tree/Tree.styles.js +9 -9
  138. package/dist/Typeahead/Typeahead.styles.js +3 -3
  139. package/dist/Typography/Typography.js +8 -2
  140. package/dist/Typography/Typography.js.map +1 -1
  141. package/dist/Typography/Typography.styles.d.ts +5 -2
  142. package/dist/Typography/Typography.styles.js +9 -9
  143. package/dist/Typography/Typography.styles.js.map +1 -1
  144. package/dist/Typography/Typography.table.story.js +2 -2
  145. package/dist/_hooks/I18n.d.ts +32 -0
  146. package/dist/_locales/de-DE.json +3 -1
  147. package/dist/_locales/en-AU.json +10 -8
  148. package/dist/_locales/en-CA.json +3 -1
  149. package/dist/_locales/en-GB.json +3 -1
  150. package/dist/_locales/en.json +3 -1
  151. package/dist/_locales/es-ES.json +3 -1
  152. package/dist/_locales/es.json +3 -1
  153. package/dist/_locales/fr-CA.json +3 -1
  154. package/dist/_locales/fr-FR.json +3 -1
  155. package/dist/_locales/is-IS.json +3 -1
  156. package/dist/_locales/ja-JP.json +3 -1
  157. package/dist/_locales/pl-PL.json +8 -6
  158. package/dist/_locales/pseudo.json +3 -1
  159. package/dist/_locales/pt-BR.json +3 -1
  160. package/dist/_locales/th-TH.json +3 -1
  161. package/dist/_locales/zh-SG.json +3 -1
  162. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  163. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +24 -24
  164. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  165. package/dist/_typedoc/Banner/Banner.types.json +13 -13
  166. package/dist/_typedoc/Box/Box.types.json +68 -68
  167. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  168. package/dist/_typedoc/Button/Button.types.json +12 -12
  169. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  170. package/dist/_typedoc/Card/Card.types.json +6 -6
  171. package/dist/_typedoc/Checkbox/Checkbox.types.json +9 -9
  172. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  173. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  174. package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
  175. package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
  176. package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
  177. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +29 -29
  178. package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
  179. package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
  180. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  181. package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
  182. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  183. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  184. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  185. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  186. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  187. package/dist/_typedoc/Form/Form.types.json +741 -741
  188. package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +12 -12
  189. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  190. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
  191. package/dist/_typedoc/Input/Input.types.json +2 -2
  192. package/dist/_typedoc/Link/Link.types.json +4 -4
  193. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  194. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  195. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
  196. package/dist/_typedoc/Modal/Modal.types.json +46 -46
  197. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
  198. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  199. package/dist/_typedoc/NumberInput/NumberInput.types.json +37 -37
  200. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +31 -31
  201. package/dist/_typedoc/PageLayout/PageLayout.types.json +29 -29
  202. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  203. package/dist/_typedoc/Panel/Panel.types.json +28 -28
  204. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  205. package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
  206. package/dist/_typedoc/Popover/Popover.types.json +14 -14
  207. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +6 -6
  208. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  209. package/dist/_typedoc/Required/Required.types.json +5 -5
  210. package/dist/_typedoc/Search/Search.types.json +18 -18
  211. package/dist/_typedoc/Section/Section.types.json +15 -15
  212. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
  213. package/dist/_typedoc/Select/Select.types.json +60 -60
  214. package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
  215. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  216. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  217. package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +12 -12
  218. package/dist/_typedoc/Switch/Switch.types.json +3 -3
  219. package/dist/_typedoc/Table/Table.types.json +101 -101
  220. package/dist/_typedoc/Tabs/Tabs.types.json +19 -19
  221. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +16 -16
  222. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  223. package/dist/_typedoc/TextEditor/TextEditor.types.json +9 -9
  224. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
  225. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  226. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
  227. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
  228. package/dist/_typedoc/Tile/Tile.types.json +30 -30
  229. package/dist/_typedoc/Title/Title.types.json +1 -1
  230. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  231. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
  232. package/dist/_typedoc/Token/Token.types.json +4 -4
  233. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  234. package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +7 -7
  235. package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
  236. package/dist/_typedoc/Tree/Tree.types.json +86 -86
  237. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  238. package/dist/_typedoc/Typography/Typography.types.json +9 -9
  239. package/dist/_typedoc/_utils/types.json +3 -3
  240. package/package.json +2 -2
@@ -9,19 +9,19 @@ import { colors } from '../_styles/colors';
9
9
  import { spacing } from '../_styles/spacing';
10
10
  export var StyledTieredSelect = /*#__PURE__*/styled(MenuImperative).withConfig({
11
11
  displayName: "StyledTieredSelect",
12
- componentId: "core-12_16_2__sc-e1ql06-0"
12
+ componentId: "core-12_17_1__sc-e1ql06-0"
13
13
  })(["align-items:stretch;max-height:40vh;"]);
14
14
  export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
15
15
  displayName: "StyledTieredSelectIcon",
16
- componentId: "core-12_16_2__sc-e1ql06-1"
16
+ componentId: "core-12_17_1__sc-e1ql06-1"
17
17
  })(["height:24px;width:24px;"]);
18
18
  export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
19
19
  displayName: "StyledTieredSelectArrowButton",
20
- componentId: "core-12_16_2__sc-e1ql06-2"
20
+ componentId: "core-12_17_1__sc-e1ql06-2"
21
21
  })(["border:1px solid transparent;"]);
22
22
  export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
23
23
  displayName: "StyledTieredSelectBreadcrumbs",
24
- componentId: "core-12_16_2__sc-e1ql06-3"
24
+ componentId: "core-12_17_1__sc-e1ql06-3"
25
25
  })(["background-color:", ";flex-wrap:wrap;margin-top:", "px;max-height:68px;overflow-y:auto;padding:", "px ", "px;", ""], colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_ref) {
26
26
  var $nonInteractive = _ref.$nonInteractive;
27
27
  if ($nonInteractive) {
@@ -30,22 +30,22 @@ export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).with
30
30
  });
31
31
  export var StyledTieredSelectHome = /*#__PURE__*/styled(Flex).withConfig({
32
32
  displayName: "StyledTieredSelectHome",
33
- componentId: "core-12_16_2__sc-e1ql06-4"
33
+ componentId: "core-12_17_1__sc-e1ql06-4"
34
34
  })(["height:20px;"]);
35
35
  export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
36
36
  displayName: "StyledTieredSelectOption",
37
- componentId: "core-12_16_2__sc-e1ql06-5"
37
+ componentId: "core-12_17_1__sc-e1ql06-5"
38
38
  })(["align-items:center;display:flex;justify-content:space-between;padding:2px ", "px;"], spacing.lg);
39
39
  export var StyledTieredSelectLoadingMore = /*#__PURE__*/styled(Flex).withConfig({
40
40
  displayName: "StyledTieredSelectLoadingMore",
41
- componentId: "core-12_16_2__sc-e1ql06-6"
41
+ componentId: "core-12_17_1__sc-e1ql06-6"
42
42
  })(["align-items:center;justify-content:center;padding:", "px ", "px 0px ", "px;"], spacing.xs, spacing.lg, spacing.lg);
43
43
  export var StyledTieredSelectOverlay = /*#__PURE__*/styled(Card).withConfig({
44
44
  displayName: "StyledTieredSelectOverlay",
45
- componentId: "core-12_16_2__sc-e1ql06-7"
45
+ componentId: "core-12_17_1__sc-e1ql06-7"
46
46
  })(["max-width:248px;min-width:inherit;"]);
47
47
  export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
48
48
  displayName: "StyledTieredSelectSpinnerOverlay",
49
- componentId: "core-12_16_2__sc-e1ql06-8"
49
+ componentId: "core-12_17_1__sc-e1ql06-8"
50
50
  })(["min-height:auto;"]);
51
51
  //# sourceMappingURL=TieredSelect.styles.js.map
@@ -39,7 +39,7 @@ var getTileStyles = function getTileStyles(_ref) {
39
39
  };
40
40
  export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
41
41
  displayName: "StyledLinkTile",
42
- componentId: "core-12_16_2__sc-8q9p0n-0"
42
+ componentId: "core-12_17_1__sc-8q9p0n-0"
43
43
  })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
44
44
  var $orientation = _ref2.$orientation;
45
45
  return getTileStyles({
@@ -49,7 +49,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
49
49
  });
50
50
  export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
51
51
  displayName: "StyledSelectableTile",
52
- componentId: "core-12_16_2__sc-8q9p0n-1"
52
+ componentId: "core-12_17_1__sc-8q9p0n-1"
53
53
  })(["", ""], function (_ref3) {
54
54
  var $orientation = _ref3.$orientation,
55
55
  $selected = _ref3.$selected,
@@ -65,7 +65,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
65
65
  });
66
66
  export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
67
67
  displayName: "StyledInteractableTile",
68
- componentId: "core-12_16_2__sc-8q9p0n-2"
68
+ componentId: "core-12_17_1__sc-8q9p0n-2"
69
69
  })(["", ""], function (_ref4) {
70
70
  var $orientation = _ref4.$orientation;
71
71
  return getTileStyles({
@@ -74,26 +74,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
74
74
  });
75
75
  export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
76
76
  displayName: "StyledFooter",
77
- componentId: "core-12_16_2__sc-8q9p0n-3"
77
+ componentId: "core-12_17_1__sc-8q9p0n-3"
78
78
  })(["grid-area:footer;padding:", "px;> ", "{flex-wrap:wrap-reverse;}"], spacing.lg, StyledActions);
79
79
  export var StyledTileContent = /*#__PURE__*/styled(StyledContent).withConfig({
80
80
  displayName: "StyledTileContent",
81
- componentId: "core-12_16_2__sc-8q9p0n-4"
81
+ componentId: "core-12_17_1__sc-8q9p0n-4"
82
82
  })(["grid-column-start:hero-start;grid-column-end:body-end;padding:", "px;+ ", "{padding-top:0;}> ", ",> ", " > ", ",> ", "{grid-column-gap:", "px;}"], spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormRow, spacing.md);
83
83
  export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
84
84
  displayName: "StyledHeroMedia",
85
- componentId: "core-12_16_2__sc-8q9p0n-5"
85
+ componentId: "core-12_17_1__sc-8q9p0n-5"
86
86
  })(["grid-area:hero;margin:0;position:relative;overflow:hidden;font-size:0;> *{font-size:initial;}+ ", "{grid-area:body;}> video{background-color:", ";}> img,> picture > img{object-fit:cover;}", ""], StyledTileContent, colors.black, function (_ref5) {
87
87
  var $orientation = _ref5.$orientation;
88
88
  return $orientation === 'landscape' && !isIE11() ? css(["border-top-left-radius:inherit;border-bottom-left-radius:inherit;> *,> picture > img{height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:inherit;border-top-right-radius:inherit;> *,> picture > img{min-height:inherit;max-height:inherit;height:auto;width:100%;}"]);
89
89
  });
90
90
  export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
91
91
  displayName: "StyledHeroOverlay",
92
- componentId: "core-12_16_2__sc-8q9p0n-6"
92
+ componentId: "core-12_17_1__sc-8q9p0n-6"
93
93
  })(["position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;"]);
94
94
  export var StyledHeroText = /*#__PURE__*/styled.div.withConfig({
95
95
  displayName: "StyledHeroText",
96
- componentId: "core-12_16_2__sc-8q9p0n-7"
96
+ componentId: "core-12_17_1__sc-8q9p0n-7"
97
97
  })(["grid-area:hero;+ ", "{grid-area:body;}padding:", "px;border-radius:inherit;", ""], StyledTileContent, spacing.lg, function (_ref6) {
98
98
  var $orientation = _ref6.$orientation;
99
99
  return $orientation === 'landscape' ? css(["display:flex;flex-direction:column;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);
@@ -5,36 +5,36 @@ import { Typography } from '../Typography/Typography';
5
5
  import { spacing } from '../_styles/spacing';
6
6
  export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
7
7
  displayName: "StyledTitle",
8
- componentId: "core-12_16_2__sc-1t2ye1d-0"
8
+ componentId: "core-12_17_1__sc-1t2ye1d-0"
9
9
  })(["display:flex;align-items:flex-start;"]);
10
10
  export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
11
11
  displayName: "StyledAssets",
12
- componentId: "core-12_16_2__sc-1t2ye1d-1"
12
+ componentId: "core-12_17_1__sc-1t2ye1d-1"
13
13
  })(["margin-right:", "px;", ""], spacing.md, function (_ref) {
14
14
  var alignment = _ref.alignment;
15
15
  return css(["align-self:", ";"], alignment);
16
16
  });
17
17
  export var StyledTitleContent = /*#__PURE__*/styled.div.withConfig({
18
18
  displayName: "StyledTitleContent",
19
- componentId: "core-12_16_2__sc-1t2ye1d-2"
19
+ componentId: "core-12_17_1__sc-1t2ye1d-2"
20
20
  })(["align-self:center;", ""], function (_ref2) {
21
21
  var $hasActions = _ref2.$hasActions;
22
22
  return $hasActions && css(["margin-right:", "px;"], spacing.lg);
23
23
  });
24
24
  export var StyledText = /*#__PURE__*/styled.span.withConfig({
25
25
  displayName: "StyledText",
26
- componentId: "core-12_16_2__sc-1t2ye1d-3"
26
+ componentId: "core-12_17_1__sc-1t2ye1d-3"
27
27
  })(["> h1,> h2,> h3{display:inline;}"]);
28
28
  export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
29
29
  displayName: "StyledTitlePill",
30
- componentId: "core-12_16_2__sc-1t2ye1d-4"
30
+ componentId: "core-12_17_1__sc-1t2ye1d-4"
31
31
  })(["margin-left:", "px;", "{vertical-align:text-top;}"], spacing.sm, StyledPill);
32
32
  export var StyledTitleActions = /*#__PURE__*/styled(StyledActions).withConfig({
33
33
  displayName: "StyledTitleActions",
34
- componentId: "core-12_16_2__sc-1t2ye1d-5"
34
+ componentId: "core-12_17_1__sc-1t2ye1d-5"
35
35
  })(["margin-left:auto;"]);
36
36
  export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
37
37
  displayName: "StyledSubtext",
38
- componentId: "core-12_16_2__sc-1t2ye1d-6"
38
+ componentId: "core-12_17_1__sc-1t2ye1d-6"
39
39
  })(["display:block;"]);
40
40
  //# sourceMappingURL=Title.styles.js.map
@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
7
7
  import { spacing } from '../_styles/spacing';
8
8
  export var StyledToast = /*#__PURE__*/styled.div.withConfig({
9
9
  displayName: "StyledToast",
10
- componentId: "core-12_16_2__sc-1l6lk2n-0"
10
+ componentId: "core-12_17_1__sc-1l6lk2n-0"
11
11
  })(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;"], getShadow(4, 'bottom'), function (_ref) {
12
12
  var $variant = _ref.$variant;
13
13
  return $variant === 'success' ? colors.green30 : colors.red50;
@@ -16,13 +16,13 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
16
16
  // $legacy is direct string inside Toast. Next is with subcomponents
17
17
  export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
18
18
  displayName: "StyledToastText",
19
- componentId: "core-12_16_2__sc-1l6lk2n-1"
19
+ componentId: "core-12_17_1__sc-1l6lk2n-1"
20
20
  })(["", " font-weight:", ";overflow:hidden;", ""], getTypographyIntent('body'), typographyWeights.semibold, function (_ref2) {
21
21
  var $legacy = _ref2.$legacy;
22
22
  return $legacy ? "margin-left: ".concat(spacing.lg, "px;") : "padding: 0 ".concat(spacing.lg, "px;");
23
23
  });
24
24
  export var StyledToastButton = /*#__PURE__*/styled(Button).withConfig({
25
25
  displayName: "StyledToastButton",
26
- componentId: "core-12_16_2__sc-1l6lk2n-2"
26
+ componentId: "core-12_17_1__sc-1l6lk2n-2"
27
27
  })(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
28
28
  //# sourceMappingURL=Toast.styles.js.map
@@ -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_16_2__sc-1x59fxi-0"
6
+ componentId: "core-12_17_1__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);
@@ -6,15 +6,15 @@ 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_16_2__sc-zqi94b-0"
9
+ componentId: "core-12_17_1__sc-zqi94b-0"
10
10
  })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
11
11
  export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
12
12
  displayName: "StyledRemove",
13
- componentId: "core-12_16_2__sc-zqi94b-1"
13
+ componentId: "core-12_17_1__sc-zqi94b-1"
14
14
  })(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;width:16px;&:hover{background:", ";color:", ";}"], spacing.sm, spacing.sm, colors.white, colors.blue40);
15
15
  export var StyledToken = /*#__PURE__*/styled.div.withConfig({
16
16
  displayName: "StyledToken",
17
- componentId: "core-12_16_2__sc-zqi94b-2"
17
+ componentId: "core-12_17_1__sc-zqi94b-2"
18
18
  })(["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) {
19
19
  var _ref$$focused = _ref.$focused,
20
20
  $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_16_2__sc-1jpjx47-0"
8
+ componentId: "core-12_17_1__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_16_2__sc-1jpjx47-1"
21
+ componentId: "core-12_17_1__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_16_2__sc-1jpjx47-2"
25
+ componentId: "core-12_17_1__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_16_2__sc-1jpjx47-3"
29
+ componentId: "core-12_17_1__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_16_2__sc-1jpjx47-4"
33
+ componentId: "core-12_17_1__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_16_2__sc-1jpjx47-5"
37
+ componentId: "core-12_17_1__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_16_2__sc-wa8j06-0"
6
+ componentId: "core-12_17_1__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_16_2__sc-wa8j06-1"
10
+ componentId: "core-12_17_1__sc-wa8j06-1"
11
11
  })(["width:100%;"]);
12
12
  export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledToolLandingPageBodyContent",
14
- componentId: "core-12_16_2__sc-wa8j06-2"
14
+ componentId: "core-12_17_1__sc-wa8j06-2"
15
15
  })(["> * + *{margin-top:", "px;}"], spacing.sm);
16
16
  //# sourceMappingURL=ToolLandingPage.styles.js.map
@@ -6,10 +6,10 @@ import { getShadow } from '../_styles/shadows';
6
6
  import { spacing } from '../_styles/spacing';
7
7
  export var StyledTooltip = /*#__PURE__*/styled.span.withConfig({
8
8
  displayName: "StyledTooltip",
9
- componentId: "core-12_16_2__sc-1fawsi4-0"
9
+ componentId: "core-12_17_1__sc-1fawsi4-0"
10
10
  })(["", " color:", ";max-width:200px;padding:", "px ", "px;position:relative;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;"], getTypographyIntent('small'), colors.white, spacing.sm, spacing.md);
11
11
  export var StyledContainer = /*#__PURE__*/styled.span.withConfig({
12
12
  displayName: "StyledContainer",
13
- componentId: "core-12_16_2__sc-1fawsi4-1"
13
+ componentId: "core-12_17_1__sc-1fawsi4-1"
14
14
  })(["display:inline-flex;background-color:", ";border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}"], colors.gray15, borderRadius.md, getShadow(3, 'bottom'), colors.gray15);
15
15
  //# sourceMappingURL=Tooltip.styles.js.map
@@ -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_16_2__sc-2d45b5-0"
8
+ componentId: "core-12_17_1__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_16_2__sc-2d45b5-1"
12
+ componentId: "core-12_17_1__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_16_2__sc-2d45b5-2"
20
+ componentId: "core-12_17_1__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,30 +35,30 @@ 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_16_2__sc-2d45b5-3"
38
+ componentId: "core-12_17_1__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_16_2__sc-2d45b5-4"
42
+ componentId: "core-12_17_1__sc-2d45b5-4"
43
43
  })(["outline:none;"]);
44
44
  var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
45
45
  displayName: "StyledIconBase",
46
- componentId: "core-12_16_2__sc-2d45b5-5"
46
+ componentId: "core-12_17_1__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
  export var StyledChevronContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
49
49
  displayName: "StyledChevronContainer",
50
- componentId: "core-12_16_2__sc-2d45b5-6"
50
+ componentId: "core-12_17_1__sc-2d45b5-6"
51
51
  })([""]);
52
52
  export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
53
53
  displayName: "StyledIconContainer",
54
- componentId: "core-12_16_2__sc-2d45b5-7"
54
+ componentId: "core-12_17_1__sc-2d45b5-7"
55
55
  })(["color:", ";"], function (_ref4) {
56
56
  var $isSelected = _ref4.$isSelected;
57
57
  return $isSelected ? colors.blue45 : colors.gray40;
58
58
  });
59
59
  export var StyledChevron = /*#__PURE__*/styled(ChevronRight).withConfig({
60
60
  displayName: "StyledChevron",
61
- componentId: "core-12_16_2__sc-2d45b5-8"
61
+ componentId: "core-12_17_1__sc-2d45b5-8"
62
62
  })(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref5) {
63
63
  var $isExpanded = _ref5.$isExpanded;
64
64
  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_16_2__sc-gpc39h-0"
8
+ componentId: "core-12_17_1__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_16_2__sc-gpc39h-1"
12
+ componentId: "core-12_17_1__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_16_2__sc-gpc39h-2"
20
+ componentId: "core-12_17_1__sc-gpc39h-2"
21
21
  })(["position:relative;width:100%;"]);
22
22
  //# sourceMappingURL=Typeahead.styles.js.map
@@ -1,4 +1,4 @@
1
- var _excluded = ["children", "color", "breakWord"];
1
+ var _excluded = ["children", "color", "breakWord", "intent", "italic", "weight"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
4
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -15,10 +15,16 @@ export var Typography = /*#__PURE__*/React.forwardRef(function Typography(_ref,
15
15
  var children = _ref.children,
16
16
  color = _ref.color,
17
17
  breakWord = _ref.breakWord,
18
+ intent = _ref.intent,
19
+ italic = _ref.italic,
20
+ weight = _ref.weight,
18
21
  props = _objectWithoutProperties(_ref, _excluded);
19
22
  return /*#__PURE__*/React.createElement(StyledTypography, _extends({
23
+ $breakWord: breakWord,
20
24
  $color: color,
21
- $breakWord: breakWord
25
+ $intent: intent,
26
+ $italic: italic,
27
+ $weight: weight
22
28
  }, props, {
23
29
  ref: ref
24
30
  }), children);
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.js","names":["React","StyledTypography","Typography","forwardRef","_ref","ref","children","color","breakWord","props","_objectWithoutProperties","_excluded","createElement","_extends","$color","$breakWord","displayName"],"sources":["../../src/Typography/Typography.tsx"],"sourcesContent":["import React from 'react'\nimport type { SpanAttributes } from '../_utils/types'\nimport { StyledTypography } from './Typography.styles'\nimport type { TypographyProps } from './Typography.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-typography--demo)\n\n */\nexport const Typography = React.forwardRef<\n HTMLSpanElement,\n SpanAttributes & TypographyProps\n>(function Typography({ children, color, breakWord, ...props }, ref) {\n return (\n <StyledTypography\n $color={color}\n $breakWord={breakWord}\n {...props}\n ref={ref}\n >\n {children}\n </StyledTypography>\n )\n})\n\nTypography.displayName = 'Typography'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,gBAAGF,KAAK,CAACG,UAAU,CAGxC,SAASD,UAAUA,CAAAE,IAAA,EAA2CC,GAAG,EAAE;EAAA,IAA7CC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAC1D,oBACEX,KAAA,CAAAY,aAAA,CAACX,gBAAgB,EAAAY,QAAA;IACfC,MAAM,EAAEP,KAAM;IACdQ,UAAU,EAAEP;EAAU,GAClBC,KAAK;IACTJ,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CAAC,CAAC;AAEFJ,UAAU,CAACc,WAAW,GAAG,YAAY"}
1
+ {"version":3,"file":"Typography.js","names":["React","StyledTypography","Typography","forwardRef","_ref","ref","children","color","breakWord","intent","italic","weight","props","_objectWithoutProperties","_excluded","createElement","_extends","$breakWord","$color","$intent","$italic","$weight","displayName"],"sources":["../../src/Typography/Typography.tsx"],"sourcesContent":["import React from 'react'\nimport type { SpanAttributes } from '../_utils/types'\nimport { StyledTypography } from './Typography.styles'\nimport type { TypographyProps } from './Typography.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-typography--demo)\n\n */\nexport const Typography = React.forwardRef<\n HTMLSpanElement,\n SpanAttributes & TypographyProps\n>(function Typography(\n { children, color, breakWord, intent, italic, weight, ...props },\n ref\n) {\n return (\n <StyledTypography\n $breakWord={breakWord}\n $color={color}\n $intent={intent}\n $italic={italic}\n $weight={weight}\n {...props}\n ref={ref}\n >\n {children}\n </StyledTypography>\n )\n})\n\nTypography.displayName = 'Typography'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,gBAAGF,KAAK,CAACG,UAAU,CAGxC,SAASD,UAAUA,CAAAE,IAAA,EAEnBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,MAAM,GAAAL,IAAA,CAANK,MAAM;IAAEC,MAAM,GAAAN,IAAA,CAANM,MAAM;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;IAAKC,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAG9D,oBACEd,KAAA,CAAAe,aAAA,CAACd,gBAAgB,EAAAe,QAAA;IACfC,UAAU,EAAET,SAAU;IACtBU,MAAM,EAAEX,KAAM;IACdY,OAAO,EAAEV,MAAO;IAChBW,OAAO,EAAEV,MAAO;IAChBW,OAAO,EAAEV;EAAO,GACZC,KAAK;IACTP,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CAAC,CAAC;AAEFJ,UAAU,CAACoB,WAAW,GAAG,YAAY"}
@@ -1,8 +1,11 @@
1
1
  import type { FlattenSimpleInterpolation } from 'styled-components';
2
2
  import type { Intent, TypographyProps, Weight } from './Typography.types';
3
- export interface StyledTypographyProps extends Omit<TypographyProps, 'color' | 'breakWord'> {
3
+ export interface StyledTypographyProps {
4
+ $breakWord?: TypographyProps['intent'];
4
5
  $color?: TypographyProps['color'];
5
- $breakWord?: boolean;
6
+ $intent?: TypographyProps['intent'];
7
+ $italic?: TypographyProps['italic'];
8
+ $weight?: TypographyProps['weight'];
6
9
  }
7
10
  export declare const typographyWeights: {
8
11
  [key in Weight]: number;
@@ -35,22 +35,22 @@ export var semiboldRules = function semiboldRules() {
35
35
  };
36
36
  export var StyledTypography = /*#__PURE__*/styled.span.withConfig({
37
37
  displayName: "StyledTypography",
38
- componentId: "core-12_16_2__sc-1c4583t-0"
38
+ componentId: "core-12_17_1__sc-1c4583t-0"
39
39
  })(["", " color:", ";font-style:", ";font-weight:", ";", " ", " em,i{font-style:italic;}"], function (_ref) {
40
- var _ref$intent = _ref.intent,
41
- intent = _ref$intent === void 0 ? 'body' : _ref$intent;
42
- return typographyIntents[intent];
40
+ var _ref$$intent = _ref.$intent,
41
+ $intent = _ref$$intent === void 0 ? 'body' : _ref$$intent;
42
+ return typographyIntents[$intent];
43
43
  }, function (_ref2) {
44
44
  var _ref2$$color = _ref2.$color,
45
45
  $color = _ref2$$color === void 0 ? 'gray15' : _ref2$$color;
46
46
  return colors[$color];
47
47
  }, function (_ref3) {
48
- var _ref3$italic = _ref3.italic,
49
- italic = _ref3$italic === void 0 ? false : _ref3$italic;
50
- return italic ? 'italic' : 'inherit';
48
+ var _ref3$$italic = _ref3.$italic,
49
+ $italic = _ref3$$italic === void 0 ? false : _ref3$$italic;
50
+ return $italic ? 'italic' : 'inherit';
51
51
  }, function (_ref4) {
52
- var weight = _ref4.weight;
53
- return weight && typographyWeights[weight];
52
+ var $weight = _ref4.$weight;
53
+ return $weight && typographyWeights[$weight];
54
54
  }, semiboldRules, function (_ref5) {
55
55
  var $breakWord = _ref5.$breakWord;
56
56
  return $breakWord && "\n word-wrap: break-word;\n word-break: break-word;\n";
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.styles.js","names":["styled","css","colors","typographyWeights","regular","semibold","bold","typographyLineHeight","small","body","h1","h2","h3","label","typographyIntents","getTypographyIntent","intent","semiboldRules","StyledTypography","span","withConfig","displayName","componentId","_ref","_ref$intent","_ref2","_ref2$$color","$color","_ref3","_ref3$italic","italic","_ref4","weight","_ref5","$breakWord"],"sources":["../../src/Typography/Typography.styles.ts"],"sourcesContent":["import type { FlattenSimpleInterpolation } from 'styled-components'\nimport styled, { css } from 'styled-components'\nimport { colors } from '../_styles/colors'\nimport type { Intent, TypographyProps, Weight } from './Typography.types'\n\nexport interface StyledTypographyProps\n extends Omit<TypographyProps, 'color' | 'breakWord'> {\n $color?: TypographyProps['color']\n $breakWord?: boolean\n}\n\nexport const typographyWeights: {\n [key in Weight]: number\n} = {\n regular: 400,\n semibold: 600,\n bold: 700,\n}\n\nexport const typographyLineHeight: Record<Intent, number> = {\n small: 16,\n body: 20,\n h1: 32,\n h2: 28,\n h3: 24,\n label: 20,\n}\n\nconst body = css`\n font-family: inherit;\n font-size: 14px;\n font-weight: ${typographyWeights.regular};\n letter-spacing: 0.15px;\n line-height: ${typographyLineHeight.body}px;\n`\n\nconst h1 = css`\n font-family: inherit;\n font-size: 24px;\n font-weight: ${typographyWeights.bold};\n letter-spacing: 0.15px;\n line-height: ${typographyLineHeight.h1}px;\n`\n\nconst h2 = css`\n font-family: inherit;\n font-size: 20px;\n font-weight: ${typographyWeights.semibold};\n letter-spacing: 0.15px;\n line-height: ${typographyLineHeight.h2}px;\n`\n\nconst h3 = css`\n font-family: inherit;\n font-size: 16px;\n font-weight: ${typographyWeights.semibold};\n letter-spacing: 0.15px;\n line-height: ${typographyLineHeight.h3}px;\n`\n\nconst small = css`\n font-family: inherit;\n font-size: 12px;\n font-weight: ${typographyWeights.regular};\n letter-spacing: 0.25px;\n line-height: ${typographyLineHeight.small}px;\n`\n\nconst label = css`\n font-family: inherit;\n font-size: 14px;\n font-weight: ${typographyWeights.semibold};\n letter-spacing: 0.15px;\n line-height: ${typographyLineHeight.label}px;\n`\n\nconst typographyIntents: {\n [key in Intent]: FlattenSimpleInterpolation\n} = {\n body,\n h1,\n h2,\n h3,\n small,\n label,\n}\n\nexport function getTypographyIntent(intent: Intent) {\n return typographyIntents[intent]\n}\n\nexport const semiboldRules = () => {\n return css`\n & > strong,\n > b {\n font-weight: 600;\n }\n `\n}\n\nexport const StyledTypography = styled.span<StyledTypographyProps>`\n ${({ intent = 'body' }) => typographyIntents[intent]}\n color: ${({ $color = 'gray15' }) => colors[$color]};\n font-style: ${({ italic = false }) => (italic ? 'italic' : 'inherit')};\n font-weight: ${({ weight }) => weight && typographyWeights[weight]};\n ${semiboldRules}\n ${({ $breakWord }) =>\n $breakWord &&\n `\n word-wrap: break-word;\n word-break: break-word;\n`}\n em,\n i {\n font-style: italic;\n }\n`\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAS1C,OAAO,IAAMC,iBAEZ,GAAG;EACFC,OAAO,EAAE,GAAG;EACZC,QAAQ,EAAE,GAAG;EACbC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,IAAMC,oBAA4C,GAAG;EAC1DC,KAAK,EAAE,EAAE;EACTC,IAAI,EAAE,EAAE;EACRC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,KAAK,EAAE;AACT,CAAC;AAED,IAAMJ,IAAI,gBAAGR,GAAG,oGAGCE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACE,IAAI,CACzC;AAED,IAAMC,EAAE,gBAAGT,GAAG,oGAGGE,iBAAiB,CAACG,IAAI,EAEtBC,oBAAoB,CAACG,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGV,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACI,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGX,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACK,EAAE,CACvC;AAED,IAAMJ,KAAK,gBAAGP,GAAG,oGAGAE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACC,KAAK,CAC1C;AAED,IAAMK,KAAK,gBAAGZ,GAAG,oGAGAE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACM,KAAK,CAC1C;AAED,IAAMC,iBAEL,GAAG;EACFL,IAAI,EAAJA,IAAI;EACJC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFJ,KAAK,EAALA,KAAK;EACLK,KAAK,EAALA;AACF,CAAC;AAED,OAAO,SAASE,mBAAmBA,CAACC,MAAc,EAAE;EAClD,OAAOF,iBAAiB,CAACE,MAAM,CAAC;AAClC;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EACjC,OAAOhB,GAAG;AAMZ,CAAC;AAED,OAAO,IAAMiB,gBAAgB,gBAAGlB,MAAM,CAACmB,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4FACvC,UAAAC,IAAA;EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGP,MAAM;IAANA,MAAM,GAAAQ,WAAA,cAAG,MAAM,GAAAA,WAAA;EAAA,OAAOV,iBAAiB,CAACE,MAAM,CAAC;AAAA,GAC3C,UAAAS,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,QAAQ,GAAAA,YAAA;EAAA,OAAOxB,MAAM,CAACyB,MAAM,CAAC;AAAA,GACpC,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAAA,OAAQC,MAAM,GAAG,QAAQ,GAAG,SAAS;AAAA,CAAC,EACtD,UAAAC,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAOA,MAAM,IAAI7B,iBAAiB,CAAC6B,MAAM,CAAC;AAAA,GAChEf,aAAa,EACb,UAAAgB,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,6DAIb;AAAA,EAKA"}
1
+ {"version":3,"file":"Typography.styles.js","names":["styled","css","colors","typographyWeights","regular","semibold","bold","typographyLineHeight","small","body","h1","h2","h3","label","typographyIntents","getTypographyIntent","intent","semiboldRules","StyledTypography","span","withConfig","displayName","componentId","_ref","_ref$$intent","$intent","_ref2","_ref2$$color","$color","_ref3","_ref3$$italic","$italic","_ref4","$weight","_ref5","$breakWord"],"sources":["../../src/Typography/Typography.styles.ts"],"sourcesContent":["import type { FlattenSimpleInterpolation } from 'styled-components'\nimport styled, { css } from 'styled-components'\nimport { colors } from '../_styles/colors'\nimport type { Intent, TypographyProps, Weight } from './Typography.types'\n\nexport interface StyledTypographyProps {\n $breakWord?: TypographyProps['intent']\n $color?: TypographyProps['color']\n $intent?: TypographyProps['intent']\n $italic?: TypographyProps['italic']\n $weight?: TypographyProps['weight']\n}\n\nexport const typographyWeights: {\n [key in Weight]: number\n} = {\n regular: 400,\n semibold: 600,\n bold: 700,\n}\n\nexport const typographyLineHeight: Record<Intent, number> = {\n small: 16,\n body: 20,\n h1: 32,\n h2: 28,\n h3: 24,\n label: 20,\n}\n\nconst body = css`\n font-family: inherit;\n font-size: 14px;\n font-weight: ${typographyWeights.regular};\n letter-spacing: 0.15px;\n line-height: ${typographyLineHeight.body}px;\n`\n\nconst h1 = css`\n font-family: inherit;\n font-size: 24px;\n font-weight: ${typographyWeights.bold};\n letter-spacing: 0.15px;\n line-height: ${typographyLineHeight.h1}px;\n`\n\nconst h2 = css`\n font-family: inherit;\n font-size: 20px;\n font-weight: ${typographyWeights.semibold};\n letter-spacing: 0.15px;\n line-height: ${typographyLineHeight.h2}px;\n`\n\nconst h3 = css`\n font-family: inherit;\n font-size: 16px;\n font-weight: ${typographyWeights.semibold};\n letter-spacing: 0.15px;\n line-height: ${typographyLineHeight.h3}px;\n`\n\nconst small = css`\n font-family: inherit;\n font-size: 12px;\n font-weight: ${typographyWeights.regular};\n letter-spacing: 0.25px;\n line-height: ${typographyLineHeight.small}px;\n`\n\nconst label = css`\n font-family: inherit;\n font-size: 14px;\n font-weight: ${typographyWeights.semibold};\n letter-spacing: 0.15px;\n line-height: ${typographyLineHeight.label}px;\n`\n\nconst typographyIntents: {\n [key in Intent]: FlattenSimpleInterpolation\n} = {\n body,\n h1,\n h2,\n h3,\n small,\n label,\n}\n\nexport function getTypographyIntent(intent: Intent) {\n return typographyIntents[intent]\n}\n\nexport const semiboldRules = () => {\n return css`\n & > strong,\n > b {\n font-weight: 600;\n }\n `\n}\n\nexport const StyledTypography = styled.span<StyledTypographyProps>`\n ${({ $intent = 'body' }) => typographyIntents[$intent]}\n color: ${({ $color = 'gray15' }) => colors[$color]};\n font-style: ${({ $italic = false }) => ($italic ? 'italic' : 'inherit')};\n font-weight: ${({ $weight }) => $weight && typographyWeights[$weight]};\n ${semiboldRules}\n ${({ $breakWord }) =>\n $breakWord &&\n `\n word-wrap: break-word;\n word-break: break-word;\n`}\n em,\n i {\n font-style: italic;\n }\n`\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAW1C,OAAO,IAAMC,iBAEZ,GAAG;EACFC,OAAO,EAAE,GAAG;EACZC,QAAQ,EAAE,GAAG;EACbC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,IAAMC,oBAA4C,GAAG;EAC1DC,KAAK,EAAE,EAAE;EACTC,IAAI,EAAE,EAAE;EACRC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,KAAK,EAAE;AACT,CAAC;AAED,IAAMJ,IAAI,gBAAGR,GAAG,oGAGCE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACE,IAAI,CACzC;AAED,IAAMC,EAAE,gBAAGT,GAAG,oGAGGE,iBAAiB,CAACG,IAAI,EAEtBC,oBAAoB,CAACG,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGV,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACI,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGX,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACK,EAAE,CACvC;AAED,IAAMJ,KAAK,gBAAGP,GAAG,oGAGAE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACC,KAAK,CAC1C;AAED,IAAMK,KAAK,gBAAGZ,GAAG,oGAGAE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACM,KAAK,CAC1C;AAED,IAAMC,iBAEL,GAAG;EACFL,IAAI,EAAJA,IAAI;EACJC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFJ,KAAK,EAALA,KAAK;EACLK,KAAK,EAALA;AACF,CAAC;AAED,OAAO,SAASE,mBAAmBA,CAACC,MAAc,EAAE;EAClD,OAAOF,iBAAiB,CAACE,MAAM,CAAC;AAClC;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EACjC,OAAOhB,GAAG;AAMZ,CAAC;AAED,OAAO,IAAMiB,gBAAgB,gBAAGlB,MAAM,CAACmB,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4FACvC,UAAAC,IAAA;EAAA,IAAAC,YAAA,GAAAD,IAAA,CAAGE,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,MAAM,GAAAA,YAAA;EAAA,OAAOV,iBAAiB,CAACW,OAAO,CAAC;AAAA,GAC7C,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,QAAQ,GAAAA,YAAA;EAAA,OAAOzB,MAAM,CAAC0B,MAAM,CAAC;AAAA,GACpC,UAAAC,KAAA;EAAA,IAAAC,aAAA,GAAAD,KAAA,CAAGE,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;EAAA,OAAQC,OAAO,GAAG,QAAQ,GAAG,SAAS;AAAA,CAAC,EACxD,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OAAOA,OAAO,IAAI9B,iBAAiB,CAAC8B,OAAO,CAAC;AAAA,GACnEhB,aAAa,EACb,UAAAiB,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,6DAIb;AAAA,EAKA"}
@@ -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_16_2__sc-p4v7d-0"
8
+ componentId: "core-12_17_1__sc-p4v7d-0"
9
9
  })([""]);
10
10
  var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
11
11
  displayName: "StyledTextCell",
12
- componentId: "core-12_16_2__sc-p4v7d-1"
12
+ componentId: "core-12_17_1__sc-p4v7d-1"
13
13
  })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
14
14
  function BodyCell() {
15
15
  return /*#__PURE__*/React.createElement(StyledBodyCell, {