@procore/core-react 12.46.1 → 12.47.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 (209) hide show
  1. package/CHANGELOG.md +23 -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 +10 -10
  12. package/dist/Calendar/Calendar.styles.js.map +1 -1
  13. package/dist/Card/Card.styles.js +1 -1
  14. package/dist/Checkbox/Checkbox.styles.js +6 -6
  15. package/dist/ContactItem/ContactItem.styles.js +5 -5
  16. package/dist/Content/Content.styles.js +2 -2
  17. package/dist/DateInput/DateInput.styles.js +6 -6
  18. package/dist/DetailPage/DetailPage.styles.js +7 -7
  19. package/dist/Dropdown/Dropdown.styles.js +3 -3
  20. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  21. package/dist/Dropzone/Dropzone.js +1 -1
  22. package/dist/Dropzone/Dropzone.styles.js +9 -9
  23. package/dist/EmptyState/EmptyState.styles.js +6 -6
  24. package/dist/Field/Field.styles.js +3 -3
  25. package/dist/FileList/FileList.styles.js +3 -3
  26. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  27. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  28. package/dist/FileSelect/FileSelect.styles.js +2 -2
  29. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  30. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  31. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  32. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  33. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  34. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  35. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  36. package/dist/FileToken/FileToken.styles.js +6 -6
  37. package/dist/FilterToken/FilterToken.styles.js +5 -5
  38. package/dist/FlexList/FlexList.styles.js +1 -1
  39. package/dist/Form/Form.styles.js +13 -13
  40. package/dist/Form/StyledFormikForm.styles.js +2 -2
  41. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +2 -2
  42. package/dist/Grid/Grid.styles.js +2 -2
  43. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  44. package/dist/Input/Input.styles.js +1 -1
  45. package/dist/Link/Link.styles.js +1 -1
  46. package/dist/ListPage/ListPage.styles.js +8 -8
  47. package/dist/Loader/Loader.styles.js +2 -2
  48. package/dist/Menu/Menu.js +2 -2
  49. package/dist/Menu/Menu.js.map +1 -1
  50. package/dist/MenuImperative/MenuImperative.styles.js +11 -11
  51. package/dist/Modal/Modal.styles.js +13 -13
  52. package/dist/MultiSelect/MultiSelect.styles.js +8 -8
  53. package/dist/NextMenu/NextMenu.styles.js +3 -3
  54. package/dist/Notation/Notation.js +1 -1
  55. package/dist/NumberInput/NumberInput.styles.js +7 -7
  56. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  57. package/dist/PageLayout/PageLayout.styles.js +16 -16
  58. package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
  59. package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js +3 -3
  60. package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js +2 -2
  61. package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js +3 -3
  62. package/dist/Pagination/Pagination.styles.js +5 -5
  63. package/dist/Panel/Panel.styles.js +11 -11
  64. package/dist/Pill/Pill.styles.js +3 -3
  65. package/dist/PillSelect/PillSelect.styles.js +4 -4
  66. package/dist/Popover/Popover.styles.js +2 -2
  67. package/dist/Portal/Portal.styles.js +1 -1
  68. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  69. package/dist/RadioButton/RadioButton.styles.js +3 -3
  70. package/dist/Required/Required.styles.js +3 -3
  71. package/dist/Search/Search.styles.js +5 -5
  72. package/dist/Section/Section.styles.js +7 -7
  73. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  74. package/dist/Select/Select.styles.js +8 -8
  75. package/dist/Semantic/Semantic.styles.js +9 -9
  76. package/dist/Slider/Slider.styles.js +5 -5
  77. package/dist/Spinner/Spinner.styles.js +7 -7
  78. package/dist/SplitViewCard/SplitViewCard.styles.js +8 -8
  79. package/dist/SuperSelect/SuperSelect.components.d.ts +1 -0
  80. package/dist/SuperSelect/SuperSelect.components.js +14 -9
  81. package/dist/SuperSelect/SuperSelect.components.js.map +1 -1
  82. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  83. package/dist/SuperSelect/SuperSelect.styles.d.ts +6 -0
  84. package/dist/SuperSelect/SuperSelect.styles.js +66 -62
  85. package/dist/SuperSelect/SuperSelect.styles.js.map +1 -1
  86. package/dist/SuperSelect/presets/filterPreset.js +1 -1
  87. package/dist/SuperSelect/presets/filterPreset.js.map +1 -1
  88. package/dist/SuperSelect/useSuperSelect.js +81 -19
  89. package/dist/SuperSelect/useSuperSelect.js.map +1 -1
  90. package/dist/Switch/Switch.styles.js +4 -4
  91. package/dist/Table/Table.styles.js +30 -30
  92. package/dist/Table/Table.styles.js.map +1 -1
  93. package/dist/TableShelf/TableShelf.styles.js +5 -5
  94. package/dist/Tabs/Tabs.styles.js +16 -16
  95. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  96. package/dist/TextArea/TextArea.styles.js +1 -1
  97. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  98. package/dist/Thumbnail/Thumbnail.styles.js +17 -17
  99. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  100. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  101. package/dist/Tile/Tile.styles.js +8 -8
  102. package/dist/Title/Title.styles.js +7 -7
  103. package/dist/Toast/Toast.styles.js +3 -3
  104. package/dist/ToggleButton/ToggleButton.styles.js +1 -1
  105. package/dist/Token/Token.styles.js +5 -5
  106. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  107. package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
  108. package/dist/Tooltip/Tooltip.styles.js +3 -3
  109. package/dist/Tree/Tree.js +1 -1
  110. package/dist/Tree/Tree.styles.js +10 -10
  111. package/dist/Typeahead/Typeahead.styles.js +3 -3
  112. package/dist/Typography/Typography.styles.js +1 -1
  113. package/dist/Typography/Typography.table.story.js +2 -2
  114. package/dist/_locales/de-DE.json +1 -1
  115. package/dist/_locales/fr-CA.json +1 -1
  116. package/dist/_locales/fr-FR.json +1 -1
  117. package/dist/_locales/is-IS.json +1 -1
  118. package/dist/_locales/it-IT.json +1 -1
  119. package/dist/_locales/ja-JP.json +1 -1
  120. package/dist/_locales/nb-NO.json +207 -207
  121. package/dist/_locales/pl-PL.json +1 -1
  122. package/dist/_locales/pt-BR.json +1 -1
  123. package/dist/_locales/pt-PT.json +6 -6
  124. package/dist/_locales/th-TH.json +1 -1
  125. package/dist/_locales/zh-SG.json +1 -1
  126. package/dist/_locales/zh-TW.json +2 -2
  127. package/dist/_storyHelpers_/components/Deprecation.styles.js +1 -1
  128. package/dist/_storyHelpers_/components/StoryGrid.js +3 -3
  129. package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json +4 -4
  130. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  131. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +25 -25
  132. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  133. package/dist/_typedoc/Banner/Banner.types.json +15 -15
  134. package/dist/_typedoc/Box/Box.types.json +68 -68
  135. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  136. package/dist/_typedoc/Button/Button.types.json +14 -14
  137. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  138. package/dist/_typedoc/Card/Card.types.json +6 -6
  139. package/dist/_typedoc/Checkbox/Checkbox.types.json +8 -8
  140. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  141. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  142. package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
  143. package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
  144. package/dist/_typedoc/Dropdown/Dropdown.types.json +38 -38
  145. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +31 -31
  146. package/dist/_typedoc/Dropzone/Dropzone.types.json +44 -44
  147. package/dist/_typedoc/EmptyState/EmptyState.types.json +18 -18
  148. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  149. package/dist/_typedoc/FileSelect/FileSelect.types.json +27 -27
  150. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  151. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  152. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  153. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  154. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  155. package/dist/_typedoc/Form/Form.types.json +760 -760
  156. package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +12 -12
  157. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  158. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +54 -54
  159. package/dist/_typedoc/Input/Input.types.json +2 -2
  160. package/dist/_typedoc/Link/Link.types.json +1 -1
  161. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  162. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  163. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +84 -84
  164. package/dist/_typedoc/Modal/Modal.types.json +48 -48
  165. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +33 -33
  166. package/dist/_typedoc/NextTile/NextTile.types.json +32 -32
  167. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  168. package/dist/_typedoc/NumberInput/NumberInput.types.json +48 -48
  169. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +33 -33
  170. package/dist/_typedoc/PageLayout/PageLayout.types.json +28 -28
  171. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  172. package/dist/_typedoc/Panel/Panel.types.json +28 -28
  173. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  174. package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
  175. package/dist/_typedoc/Popover/Popover.types.json +15 -15
  176. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +7 -7
  177. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  178. package/dist/_typedoc/Required/Required.types.json +5 -5
  179. package/dist/_typedoc/Search/Search.types.json +18 -18
  180. package/dist/_typedoc/Section/Section.types.json +15 -15
  181. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +21 -21
  182. package/dist/_typedoc/Select/Select.types.json +67 -67
  183. package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
  184. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  185. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  186. package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +14 -14
  187. package/dist/_typedoc/Table/Table.types.json +104 -104
  188. package/dist/_typedoc/Tabs/Tabs.types.json +21 -21
  189. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +17 -17
  190. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  191. package/dist/_typedoc/TextEditor/TextEditor.types.json +11 -11
  192. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
  193. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  194. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +43 -43
  195. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +29 -29
  196. package/dist/_typedoc/Tile/Tile.types.json +8 -8
  197. package/dist/_typedoc/Title/Title.types.json +1 -1
  198. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  199. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
  200. package/dist/_typedoc/Token/Token.types.json +7 -7
  201. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  202. package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +8 -8
  203. package/dist/_typedoc/Tooltip/Tooltip.types.json +15 -15
  204. package/dist/_typedoc/Tree/Tree.types.json +88 -88
  205. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  206. package/dist/_typedoc/Typography/Typography.types.json +9 -9
  207. package/dist/_typedoc/_utils/types.json +3 -3
  208. package/dist/_typedoc/a11y-tips.json +1 -0
  209. package/package.json +2 -2
@@ -48,38 +48,38 @@ var tableCellInputErrorBorder = "1px solid ".concat(colors.red50);
48
48
  var tableRowBorderBottom = /*#__PURE__*/css(["border-bottom:", ";&:last-child{border-bottom:0;}"], tableBorder);
49
49
  export var StyledTableHeaderCellSortableContainer = /*#__PURE__*/styled.div.withConfig({
50
50
  displayName: "StyledTableHeaderCellSortableContainer",
51
- componentId: "core-12_46_1__sc-9c7xd-0"
51
+ componentId: "core-12_47_1__sc-9c7xd-0"
52
52
  })([""]);
53
53
  export var StyledTableHeaderCellLabel = /*#__PURE__*/styled.span.withConfig({
54
54
  displayName: "StyledTableHeaderCellLabel",
55
- componentId: "core-12_46_1__sc-9c7xd-1"
55
+ componentId: "core-12_47_1__sc-9c7xd-1"
56
56
  })(["display:inline-block;flex:1 1 auto;position:relative;"]);
57
57
  export var StyledTableHeaderCellIconWrapper = /*#__PURE__*/styled.div.withConfig({
58
58
  displayName: "StyledTableHeaderCellIconWrapper",
59
- componentId: "core-12_46_1__sc-9c7xd-2"
59
+ componentId: "core-12_47_1__sc-9c7xd-2"
60
60
  })(["height:20px;line-height:20px;padding:0 ", "px 0 ", "px;width:20px;"], spacing.lg, spacing.sm);
61
61
  export var StyledTableHeaderCellSortIcon = /*#__PURE__*/styled(ArrowUp).withConfig({
62
62
  displayName: "StyledTableHeaderCellSortIcon",
63
- componentId: "core-12_46_1__sc-9c7xd-3"
63
+ componentId: "core-12_47_1__sc-9c7xd-3"
64
64
  })(["height:16px;width:16px;"]);
65
65
  export var StyledTableHeaderCellSortButton = /*#__PURE__*/styled.button.withConfig({
66
66
  displayName: "StyledTableHeaderCellSortButton",
67
- componentId: "core-12_46_1__sc-9c7xd-4"
68
- })(["background:transparent;border:none;display:flex;align-items:center;font:inherit;margin:0;min-height:", "px;padding:", "px;text-align:left;width:100%;&:focus-visible{", " outline-offset:-1px;}", "{min-height:14px;}", "{color:", ";opacity:0;transition:all 0.15s ease-in-out;position:absolute;}::before,::after{font-size:16px;}"], tableHeaderHeight, spacing.lg, getGapOutlineFocus('inside'), StyledTableHeaderCellLabel, StyledTableHeaderCellSortIcon, tableSortFontColor);
67
+ componentId: "core-12_47_1__sc-9c7xd-4"
68
+ })(["background:transparent;border:none;color:inherit;display:flex;align-items:center;font:inherit;margin:0;min-height:", "px;padding:", "px;text-align:left;width:100%;&:focus-visible{", " outline-offset:-1px;}", "{min-height:14px;}", "{color:", ";opacity:0;transition:all 0.15s ease-in-out;position:absolute;}::before,::after{font-size:16px;}"], tableHeaderHeight, spacing.lg, getGapOutlineFocus('inside'), StyledTableHeaderCellLabel, StyledTableHeaderCellSortIcon, tableSortFontColor);
69
69
  export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
70
70
  displayName: "StyledCheckbox",
71
- componentId: "core-12_46_1__sc-9c7xd-5"
71
+ componentId: "core-12_47_1__sc-9c7xd-5"
72
72
  })([""]);
73
73
  export var StyledTableBodyCell = /*#__PURE__*/styled.td.withConfig({
74
74
  displayName: "StyledTableBodyCell",
75
- componentId: "core-12_46_1__sc-9c7xd-6"
75
+ componentId: "core-12_47_1__sc-9c7xd-6"
76
76
  })(["position:relative;vertical-align:middle;", ""], function (_ref) {
77
77
  var $snugfit = _ref.$snugfit;
78
78
  return $snugfit && css(["white-space:nowrap;width:0.1%;"]);
79
79
  });
80
80
  export var StyledTableHeaderCell = /*#__PURE__*/styled.th.withConfig({
81
81
  displayName: "StyledTableHeaderCell",
82
- componentId: "core-12_46_1__sc-9c7xd-7"
82
+ componentId: "core-12_47_1__sc-9c7xd-7"
83
83
  })(["", " font-weight:", ";border-right:", ";color:", ";height:", "px;padding:", "px;position:relative;text-align:left;transition:background-color 0.2s ease-in-out;&:last-child{border-right:0;}", "{display:flex;align-items:center;}", " ", " ", " ", ""], getTypographyIntent('small'), tableHeaderFontWeight, tableHeaderBorderRight, tableHeaderFontColor, tableHeaderHeight, tableHeaderPadding, StyledTableHeaderCellSortableContainer, function (_ref2) {
84
84
  var $sortable = _ref2.$sortable;
85
85
  return $sortable && css(["padding:0;&:hover{background-color:", ";}"], tableHeaderBgColorHover);
@@ -95,15 +95,15 @@ export var StyledTableHeaderCell = /*#__PURE__*/styled.th.withConfig({
95
95
  });
96
96
  export var StyledHead = /*#__PURE__*/styled.thead.withConfig({
97
97
  displayName: "StyledHead",
98
- componentId: "core-12_46_1__sc-9c7xd-8"
98
+ componentId: "core-12_47_1__sc-9c7xd-8"
99
99
  })(["background-color:", ";transition:background-color 0.2s ease-in-out;", ""], tableHeaderBgColor, tableRowBorderBottom);
100
100
  export var StyledCaratWrapper = /*#__PURE__*/styled(Button).withConfig({
101
101
  displayName: "StyledCaratWrapper",
102
- componentId: "core-12_46_1__sc-9c7xd-9"
102
+ componentId: "core-12_47_1__sc-9c7xd-9"
103
103
  })([""]);
104
104
  export var StyledCarat = /*#__PURE__*/styled(ChevronRight).withConfig({
105
105
  displayName: "StyledCarat",
106
- componentId: "core-12_46_1__sc-9c7xd-10"
106
+ componentId: "core-12_47_1__sc-9c7xd-10"
107
107
  })(["", ""], function (_ref6) {
108
108
  var $expanded = _ref6.$expanded;
109
109
  return $expanded && css(["transform:rotate(90deg);"]);
@@ -111,7 +111,7 @@ export var StyledCarat = /*#__PURE__*/styled(ChevronRight).withConfig({
111
111
  var cellInputCSS = /*#__PURE__*/css(["background-color:rgba(255,255,255,0);&&&{border:", ";border-radius:4px;width:100%;&::placeholder{color:", ";}&::-ms-clear{display:none;}&:hover{border-color:transparent;}&:focus{background-color:", ";border-style:solid;border-width:1px;border-color:", ";box-shadow:0 0 0 1px ", ";outline:none;}&:disabled{border:", ";color:", ";}}"], tableCellInputBorder, tableCellInputPlaceholderColor, colors.white, colors.blue40, colors.blue40, tableCellInputBorder, colors.gray70);
112
112
  export var StyledTableCellSelect = /*#__PURE__*/styled(Select).withConfig({
113
113
  displayName: "StyledTableCellSelect",
114
- componentId: "core-12_46_1__sc-9c7xd-11"
114
+ componentId: "core-12_47_1__sc-9c7xd-11"
115
115
  })(["", ";background-color:transparent;border-color:transparent;height:auto;&:hover{background-color:transparent;}&:active:hover{border-color:", ";}&:focus,", ":focus-within &{background-color:", ";cursor:pointer;", " ", "{white-space:nowrap;}", "{opacity:1;pointer-events:all;}", " ", "}", " ", "{white-space:normal;}", ",& + ", "{opacity:0;pointer-events:none;}", " ", ""], cellInputCSS, colors.gray85, StyledSelectButtonWrapper, colors.white, getFocus(), StyledSelectButtonLabel, StyledSelectArrow, function (_ref7) {
116
116
  var $hasClearIcon = _ref7.$hasClearIcon;
117
117
  return $hasClearIcon && css(["& + ", "{opacity:1;pointer-events:all;}"], StyledSelectClearIcon);
@@ -132,25 +132,25 @@ export var StyledTableCellSelect = /*#__PURE__*/styled(Select).withConfig({
132
132
  });
133
133
  export var StyledTableCellInput = /*#__PURE__*/styled(Input).withConfig({
134
134
  displayName: "StyledTableCellInput",
135
- componentId: "core-12_46_1__sc-9c7xd-12"
135
+ componentId: "core-12_47_1__sc-9c7xd-12"
136
136
  })(["", ""], cellInputCSS);
137
137
  export var StyledTableCellDateInput = /*#__PURE__*/styled(DateSelect).withConfig({
138
138
  displayName: "StyledTableCellDateInput",
139
- componentId: "core-12_46_1__sc-9c7xd-13"
139
+ componentId: "core-12_47_1__sc-9c7xd-13"
140
140
  })(["background-color:transparent;border-color:transparent;&:active:hover{border-color:", ";}&&&:focus-within{", ";background-color:", ";}", " ", "{opacity:0;}", "{&[data-qa-table-visible='false']{opacity:0;}}", "{&[data-placeholder='true']{opacity:0;}}&:focus-within{", "{opacity:1;}", "{&[data-qa-table-visible='false']{opacity:1;}}", "{&[data-placeholder='true']{opacity:1;}}}"], colors.gray45, getFocus(), colors.white, function (_ref10) {
141
141
  var error = _ref10.error;
142
142
  return error && css(["border-color:", ";"], colors.red50);
143
143
  }, StyledDateInputIconContainer, StyledDateInputDelimiter, StyledDateInputSegment, StyledDateInputIconContainer, StyledDateInputDelimiter, StyledDateInputSegment);
144
144
  export var StyledTableCellTextArea = /*#__PURE__*/styled(TextArea).withConfig({
145
145
  displayName: "StyledTableCellTextArea",
146
- componentId: "core-12_46_1__sc-9c7xd-14"
146
+ componentId: "core-12_47_1__sc-9c7xd-14"
147
147
  })(["", " &&{height:", "px;min-height:", "px;overflow:hidden;padding-top:", "px;resize:none;width:100%;", "}"], cellInputCSS, spacing.xxl, spacing.xxl, spacing.xs, function (_ref11) {
148
148
  var $resizable = _ref11.$resizable;
149
149
  return $resizable && css(["&:focus{min-height:64px;overflow:auto;resize:vertical;}"]);
150
150
  });
151
151
  export var StyledTableCellText = /*#__PURE__*/styled.div.withConfig({
152
152
  displayName: "StyledTableCellText",
153
- componentId: "core-12_46_1__sc-9c7xd-15"
153
+ componentId: "core-12_47_1__sc-9c7xd-15"
154
154
  })(["margin:", "px;display:flex;color:", ";", ""], spacing.lg, tableCellTextColor, function (_ref12) {
155
155
  var $percent = _ref12.$percent,
156
156
  $currency = _ref12.$currency;
@@ -158,22 +158,22 @@ export var StyledTableCellText = /*#__PURE__*/styled.div.withConfig({
158
158
  });
159
159
  export var StyledIconCell = /*#__PURE__*/styled.div.withConfig({
160
160
  displayName: "StyledIconCell",
161
- componentId: "core-12_46_1__sc-9c7xd-16"
161
+ componentId: "core-12_47_1__sc-9c7xd-16"
162
162
  })(["display:flex;color:", ";"], tableCellIconColor);
163
163
  export var StyledOverdueIcon = /*#__PURE__*/styled(Error).withConfig({
164
164
  displayName: "StyledOverdueIcon",
165
- componentId: "core-12_46_1__sc-9c7xd-17"
165
+ componentId: "core-12_47_1__sc-9c7xd-17"
166
166
  })(["color:", ";flex-shrink:0;align-self:center;", ""], colors.red50, function (_ref13) {
167
167
  var $rightAligned = _ref13.$rightAligned;
168
168
  return $rightAligned ? css(["margin-right:", "px;"], spacing.sm) : css(["margin-left:", "px;"], spacing.sm);
169
169
  });
170
170
  export var StyledSelectCellWrapper = /*#__PURE__*/styled.div.withConfig({
171
171
  displayName: "StyledSelectCellWrapper",
172
- componentId: "core-12_46_1__sc-9c7xd-18"
172
+ componentId: "core-12_47_1__sc-9c7xd-18"
173
173
  })(["display:flex;flex-direction:column;"]);
174
174
  export var StyledTableInlineEditErrorBox = /*#__PURE__*/styled.div.withConfig({
175
175
  displayName: "StyledTableInlineEditErrorBox",
176
- componentId: "core-12_46_1__sc-9c7xd-19"
176
+ componentId: "core-12_47_1__sc-9c7xd-19"
177
177
  })(["", " color:", ";font-style:italic;background:", ";border-radius:0 2px 2px 2px;box-shadow:0 1px 2px rgba(0,0,0,0.2),0 1px 3px rgba(0,0,0,0.1);padding:6px ", "px;position:absolute;max-width:160px;z-index:1;", ""], getTypographyIntent('small'), colors.white, colors.red50, spacing.md, function (_ref14) {
178
178
  var $size = _ref14.$size;
179
179
  var sizes = {
@@ -191,7 +191,7 @@ export var StyledTableInlineEditErrorBox = /*#__PURE__*/styled.div.withConfig({
191
191
  });
192
192
  export var StyledTableInlineEditContainer = /*#__PURE__*/styled.div.withConfig({
193
193
  displayName: "StyledTableInlineEditContainer",
194
- componentId: "core-12_46_1__sc-9c7xd-20"
194
+ componentId: "core-12_47_1__sc-9c7xd-20"
195
195
  })(["background-color:", ";margin:", "px ", "px;position:relative;", " ", ""], tableBgColor, spacing.sm, spacing.xs, function (_ref15) {
196
196
  var $error = _ref15.$error;
197
197
  return $error && css(["position:static;background-color:", ";", ",", ",", ",", "{border:", ";border-radius:4px 4px 0 0;border-bottom:none;&:hover{border-bottom:none;}&:focus{background-color:", ";border:", ";border-bottom:none;}}"], tableCellInputErrorBgColor, StyledTableCellDateInput, StyledTableCellInput, StyledTableCellSelect, StyledTableCellTextArea, tableCellInputErrorBorder, tableCellInputFocusBgColor, tableCellInputFocusBorder);
@@ -215,26 +215,26 @@ export var StyledTableInlineEditContainer = /*#__PURE__*/styled.div.withConfig({
215
215
  });
216
216
  export var StyledTableBodyRow = /*#__PURE__*/styled.tr.withConfig({
217
217
  displayName: "StyledTableBodyRow",
218
- componentId: "core-12_46_1__sc-9c7xd-21"
218
+ componentId: "core-12_47_1__sc-9c7xd-21"
219
219
  })(["", " ", " &:focus-within{", "{background-color:", ";&.disabled{background-color:transparent;}}", ".error{background-color:", ";}}&:hover{", "{background-color:", ";cursor:pointer;&:hover{background-color:", ";}&.disabled{&,&:hover{background-color:transparent;cursor:default;}}}", ".error{background-color:", ";&:hover{background-color:", ";}", ",", ",", "{border:", ";border-bottom:none;&:hover{border-bottom:none;}&:focus{border:", ";border-bottom:none;}}}}"], tableRowBorderBottom, function (_ref17) {
220
220
  var $overdue = _ref17.$overdue;
221
221
  return $overdue && css(["", ",", ",", ",", ",", "{color:", ";}"], StyledTableCellText, StyledTableCellSelect, StyledTableCellInput, StyledTableCellDateInput, StyledTableCellTextArea, colors.red50);
222
222
  }, StyledTableInlineEditContainer, tableCellInputRowHoverBgColor, StyledTableInlineEditContainer, tableCellInputErrorBgColor, StyledTableInlineEditContainer, tableCellInputRowHoverBgColor, tableCellInputHoverBgColor, StyledTableInlineEditContainer, tableCellInputErrorBgColor, tableCellInputErrorBgColor, StyledTableCellInput, StyledTableCellSelect, StyledTableCellTextArea, tableCellInputErrorBorder, tableCellInputFocusBorder);
223
223
  export var StyledTableGroupRowContent = /*#__PURE__*/styled.div.withConfig({
224
224
  displayName: "StyledTableGroupRowContent",
225
- componentId: "core-12_46_1__sc-9c7xd-22"
225
+ componentId: "core-12_47_1__sc-9c7xd-22"
226
226
  })([""]);
227
227
  export var StyledTableGroupRowHeader = /*#__PURE__*/styled.div.withConfig({
228
228
  displayName: "StyledTableGroupRowHeader",
229
- componentId: "core-12_46_1__sc-9c7xd-23"
229
+ componentId: "core-12_47_1__sc-9c7xd-23"
230
230
  })([""]);
231
231
  export var StyledTableGroupRowTitle = /*#__PURE__*/styled.span.withConfig({
232
232
  displayName: "StyledTableGroupRowTitle",
233
- componentId: "core-12_46_1__sc-9c7xd-24"
233
+ componentId: "core-12_47_1__sc-9c7xd-24"
234
234
  })([""]);
235
235
  export var StyledTableGroupRow = /*#__PURE__*/styled.tr.withConfig({
236
236
  displayName: "StyledTableGroupRow",
237
- componentId: "core-12_46_1__sc-9c7xd-25"
237
+ componentId: "core-12_47_1__sc-9c7xd-25"
238
238
  })(["background-color:", ";", " ", "{margin-left:", "px;padding:", "px 0;display:flex;flex-direction:row;}", "{display:flex;align-items:center;}", "{font-weight:", ";padding-left:", "px;}", ""], tableGroupRowBgColor, tableRowBorderBottom, StyledTableGroupRowContent, spacing.lg, spacing.lg, StyledTableGroupRowHeader, StyledTableGroupRowTitle, tableHeaderFontWeight, spacing.lg, function (_ref18) {
239
239
  var $depth = _ref18.$depth;
240
240
  if (typeof $depth !== 'number') {
@@ -244,7 +244,7 @@ export var StyledTableGroupRow = /*#__PURE__*/styled.tr.withConfig({
244
244
  });
245
245
  export var StyledTableWrapper = /*#__PURE__*/styled(Card).withConfig({
246
246
  displayName: "StyledTableWrapper",
247
- componentId: "core-12_46_1__sc-9c7xd-26"
247
+ componentId: "core-12_47_1__sc-9c7xd-26"
248
248
  })(["border-radius:", "px;border:", ";", ",tbody{&:first-child{tr:first-child{", ",td{&:first-child{border-top-left-radius:", "px;}&:last-child{border-top-right-radius:", "px;}}}}&:last-child{tr:last-child{", ",td{&:first-child{border-bottom-left-radius:", "px;}&:last-child{border-bottom-right-radius:", "px;}}}}}", ""], tableBorderRadius, tableBorder, StyledHead, StyledTableHeaderCell, tableBorderRadius, tableBorderRadius, StyledTableHeaderCell, tableBorderRadius, tableBorderRadius, function (_ref19) {
249
249
  var $withShelf = _ref19.$withShelf;
250
250
  return $withShelf && css(["position:relative;height:100%;"]);
@@ -253,7 +253,7 @@ var BodyRow = StyledTableBodyRow;
253
253
  var GroupRow = StyledTableGroupRow;
254
254
  export var StyledTable = /*#__PURE__*/styled.table.withConfig({
255
255
  displayName: "StyledTable",
256
- componentId: "core-12_46_1__sc-9c7xd-27"
256
+ componentId: "core-12_47_1__sc-9c7xd-27"
257
257
  })(["background-color:", ";border-collapse:collapse;border-radius:", "px;", " width:100%;td:first-child ", "{padding-left:", "px;}", " ", " + ", "{margin-left:", "px;padding-left:0;}", " ", " ", " + ", " > td{padding-left:", "px;}", " + ", " + ", " > td{padding-left:", "px;}", " + ", " + ", " + ", " > td{padding-left:", "px;}", " + ", " + ", " + ", " + ", " > td{padding-left:", "px;}", " ~ ", "{", "{padding-left:0;margin:0 ", "px;}& > td:first-child{padding-left:", "px;}}", " + ", " ~ ", "{& > td:first-child{padding-left:", "px;}}", " + ", " + ", " ~ ", "{& > td:first-child{padding-left:", "px;}}", " + ", " + ", " + ", " ~ ", "{& > td:first-child{padding-left:", "px;}}", " + ", " + ", " + ", " + ", " ~ ", "{& > td:first-child{padding-left:", "px;}}"], tableBgColor, tableBorderRadius, getTypographyIntent('body'), StyledCheckbox, spacing.lg, StyledTableGroupRow, StyledCaratWrapper, StyledCheckbox, spacing.xs, function (_ref20) {
258
258
  var $fixed = _ref20.$fixed;
259
259
  return $fixed && css(["table-layout:fixed;"]);
@@ -263,6 +263,6 @@ export var StyledTable = /*#__PURE__*/styled.table.withConfig({
263
263
  }, GroupRow, GroupRow, tableGroupHeaderRowIndentation, GroupRow, GroupRow, GroupRow, 2 * tableGroupHeaderRowIndentation, GroupRow, GroupRow, GroupRow, GroupRow, 3 * tableGroupHeaderRowIndentation, GroupRow, GroupRow, GroupRow, GroupRow, GroupRow, 4 * tableGroupHeaderRowIndentation, GroupRow, BodyRow, StyledCheckbox, spacing.xs, tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation, GroupRow, GroupRow, BodyRow, 2 * tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation, GroupRow, GroupRow, GroupRow, BodyRow, 3 * tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation, GroupRow, GroupRow, GroupRow, GroupRow, BodyRow, 4 * tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation, GroupRow, GroupRow, GroupRow, GroupRow, GroupRow, BodyRow, 5 * tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation);
264
264
  export var StyledLoadingContainer = /*#__PURE__*/styled.div.withConfig({
265
265
  displayName: "StyledLoadingContainer",
266
- componentId: "core-12_46_1__sc-9c7xd-28"
266
+ componentId: "core-12_47_1__sc-9c7xd-28"
267
267
  })(["cursor:default;align-items:center;background:", ";display:flex;height:100%;justify-content:center;opacity:0.9;position:absolute;width:100%;z-index:2;"], colors.gray96);
268
268
  //# sourceMappingURL=Table.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Table.styles.js","names":["ArrowUp","ChevronRight","Error","styled","css","Button","Card","Checkbox","StyledDateInputDelimiter","StyledDateInputIconContainer","StyledDateInputSegment","DateSelect","Input","Select","StyledSelectArrow","StyledSelectButtonLabel","StyledSelectButtonWrapper","StyledSelectClearIcon","TextArea","getTypographyIntent","typographyWeights","colors","getFocus","getGapOutlineFocus","spacing","tableBgColor","white","tableBorderRadius","tableBorderStyle","tableBorderWidth","tableBorderColor","gray85","tableBorder","concat","tableGroupRowBgColor","gray98","tableGroupBodyRowIndentation","md","tableGroupHeaderRowIndentation","xl","tableHeaderBgColor","gray96","tableHeaderBgColorHover","gray94","tableHeaderBgColorActive","tableHeaderBorderColor","gray90","tableHeaderBorderRight","tableHeaderFontColor","gray30","tableHeaderFontColorActive","gray15","tableHeaderFontWeight","semibold","tableHeaderHeight","tableHeaderPadding","lg","tableSortFontColor","gray50","tableSortFontColorHover","gray40","tableSortFontColorActive","blue50","tableCellTextColor","tableCellIconColor","gray45","tableCellInputPlaceholderColor","gray70","tableCellInputBorder","tableCellInputRowHoverBgColor","tableCellInputFocusBgColor","tableCellInputHoverBgColor","blue94","tableCellInputFocusBorder","tableCellInputErrorBgColor","red98","tableCellInputErrorBorder","red50","tableRowBorderBottom","StyledTableHeaderCellSortableContainer","div","withConfig","displayName","componentId","StyledTableHeaderCellLabel","span","StyledTableHeaderCellIconWrapper","sm","StyledTableHeaderCellSortIcon","StyledTableHeaderCellSortButton","button","StyledCheckbox","StyledTableBodyCell","td","_ref","$snugfit","StyledTableHeaderCell","th","_ref2","$sortable","_ref3","$sortOrder","_ref4","_ref5","StyledHead","thead","StyledCaratWrapper","StyledCarat","_ref6","$expanded","cellInputCSS","blue40","StyledTableCellSelect","_ref7","$hasClearIcon","_ref8","_ref8$$placeholder","$placeholder","_ref9","_ref0","_ref0$$placeholder","_ref1","loading","StyledTableCellInput","StyledTableCellDateInput","_ref10","error","StyledTableCellTextArea","xxl","xs","_ref11","$resizable","StyledTableCellText","_ref12","$percent","$currency","StyledIconCell","StyledOverdueIcon","_ref13","$rightAligned","StyledSelectCellWrapper","StyledTableInlineEditErrorBox","_ref14","$size","sizes","block","StyledTableInlineEditContainer","_ref15","$error","_ref16","StyledTableBodyRow","tr","_ref17","$overdue","StyledTableGroupRowContent","StyledTableGroupRowHeader","StyledTableGroupRowTitle","StyledTableGroupRow","_ref18","$depth","StyledTableWrapper","_ref19","$withShelf","BodyRow","GroupRow","StyledTable","table","_ref20","$fixed","_ref21","$inline","StyledLoadingContainer"],"sources":["../../src/Table/Table.styles.ts"],"sourcesContent":["import { ArrowUp, ChevronRight, Error } from '@procore/core-icons'\nimport styled, { css } from 'styled-components'\nimport { Button } from '../Button'\nimport { Card } from '../Card'\nimport { Checkbox } from '../Checkbox'\nimport {\n StyledDateInputDelimiter,\n StyledDateInputIconContainer,\n StyledDateInputSegment,\n} from '../DateInput/DateInput.styles'\nimport { DateSelect } from '../DateSelect'\nimport { Input } from '../Input'\nimport { Select } from '../Select'\nimport {\n StyledSelectArrow,\n StyledSelectButtonLabel,\n StyledSelectButtonWrapper,\n StyledSelectClearIcon,\n} from '../Select/Select.styles'\nimport { TextArea } from '../TextArea'\nimport {\n getTypographyIntent,\n typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocus, getGapOutlineFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { InputCellSize, TableColumnSortOrder } from './Table.types'\n\nconst tableBgColor = colors.white\nconst tableBorderRadius = 4\nconst tableBorderStyle = 'solid'\nconst tableBorderWidth = 1\nconst tableBorderColor = colors.gray85\nconst tableBorder = `${tableBorderWidth}px ${tableBorderStyle} ${tableBorderColor}`\n\nconst tableGroupRowBgColor = colors.gray98\nconst tableGroupBodyRowIndentation = spacing.md\nconst tableGroupHeaderRowIndentation = spacing.xl\n\nconst tableHeaderBgColor = colors.gray96\nconst tableHeaderBgColorHover = colors.gray94\nconst tableHeaderBgColorActive = colors.gray94\nconst tableHeaderBorderColor = colors.gray90\nconst tableHeaderBorderRight = `${tableBorderWidth}px ${tableBorderStyle} ${tableHeaderBorderColor}`\n\nconst tableHeaderFontColor = colors.gray30\nconst tableHeaderFontColorActive = colors.gray15\nconst tableHeaderFontWeight = typographyWeights.semibold\nconst tableHeaderHeight = 48\nconst tableHeaderPadding = spacing.lg\n\nconst tableSortFontColor = colors.gray50\nconst tableSortFontColorHover = colors.gray40\nconst tableSortFontColorActive = colors.blue50\n\nconst tableCellTextColor = colors.gray15\nconst tableCellIconColor = colors.gray45\nconst tableCellInputPlaceholderColor = colors.gray70\nconst tableCellInputBorder = '1px solid transparent'\nconst tableCellInputRowHoverBgColor = colors.gray96\nconst tableCellInputFocusBgColor = colors.white\nconst tableCellInputHoverBgColor = colors.blue94\nconst tableCellInputFocusBorder = `1px solid ${colors.blue50}`\nconst tableCellInputErrorBgColor = colors.red98\nconst tableCellInputErrorBorder = `1px solid ${colors.red50}`\n\nconst tableRowBorderBottom = css`\n border-bottom: ${tableBorder};\n\n &:last-child {\n border-bottom: 0;\n }\n`\n\nexport const StyledTableHeaderCellSortableContainer = styled.div``\n\nexport const StyledTableHeaderCellLabel = styled.span`\n display: inline-block;\n flex: 1 1 auto;\n position: relative;\n`\n\nexport const StyledTableHeaderCellIconWrapper = styled.div`\n height: 20px;\n line-height: 20px;\n padding: 0 ${spacing.lg}px 0 ${spacing.sm}px;\n width: 20px;\n`\n\nexport const StyledTableHeaderCellSortIcon = styled(ArrowUp)`\n height: 16px;\n width: 16px;\n`\n\nexport const StyledTableHeaderCellSortButton = styled.button`\n background: transparent;\n border: none;\n display: flex;\n align-items: center;\n font: inherit;\n margin: 0;\n min-height: ${tableHeaderHeight}px;\n padding: ${spacing.lg}px;\n text-align: left;\n width: 100%;\n\n &:focus-visible {\n ${getGapOutlineFocus('inside')}\n outline-offset: -1px;\n }\n\n ${StyledTableHeaderCellLabel} {\n min-height: 14px;\n }\n\n ${StyledTableHeaderCellSortIcon} {\n color: ${tableSortFontColor};\n opacity: 0;\n transition: all 0.15s ease-in-out;\n position: absolute;\n }\n\n ::before,\n ::after {\n font-size: 16px;\n }\n`\n\nexport const StyledCheckbox = styled(Checkbox)``\n\nexport const StyledTableBodyCell = styled.td<{ $snugfit: boolean }>`\n position: relative;\n vertical-align: middle;\n\n ${({ $snugfit }) =>\n $snugfit &&\n css`\n white-space: nowrap;\n width: 0.1%;\n `}\n`\n\nexport const StyledTableHeaderCell = styled.th<{\n $sortable: boolean\n $snugfit: boolean\n $sortOrder?: TableColumnSortOrder\n}>`\n ${getTypographyIntent('small')}\n font-weight: ${tableHeaderFontWeight};\n border-right: ${tableHeaderBorderRight};\n color: ${tableHeaderFontColor};\n height: ${tableHeaderHeight}px;\n padding: ${tableHeaderPadding}px;\n position: relative;\n text-align: left;\n transition: background-color 0.2s ease-in-out;\n\n &:last-child {\n border-right: 0;\n }\n\n ${StyledTableHeaderCellSortableContainer} {\n display: flex;\n align-items: center;\n }\n\n ${({ $sortable }) =>\n $sortable &&\n css`\n padding: 0;\n\n &:hover {\n background-color: ${tableHeaderBgColorHover};\n }\n `}\n\n ${({ $sortOrder }) =>\n ($sortOrder === 'asc' || $sortOrder === 'desc') &&\n css`\n background-color: ${tableHeaderBgColorActive};\n color: ${tableHeaderFontColorActive};\n\n ${StyledTableHeaderCellSortButton} ${StyledTableHeaderCellSortIcon} {\n color: ${tableSortFontColorActive};\n opacity: 1;\n }\n `}\n\n ${({ $sortOrder }) =>\n $sortOrder === 'desc' &&\n css`\n ${StyledTableHeaderCellSortButton} ${StyledTableHeaderCellSortIcon} {\n transform: scaleY(-1);\n }\n `}\n\n ${({ $snugfit }) =>\n $snugfit &&\n css`\n width: 0.1%;\n `}\n`\n\nexport const StyledHead = styled.thead`\n background-color: ${tableHeaderBgColor};\n transition: background-color 0.2s ease-in-out;\n ${tableRowBorderBottom}\n`\n\nexport const StyledCaratWrapper = styled(Button)``\n\nexport const StyledCarat = styled(ChevronRight)<{ $expanded: boolean }>`\n ${({ $expanded }) =>\n $expanded &&\n css`\n transform: rotate(90deg);\n `}\n`\n\nconst cellInputCSS = css`\n // Define particular color, simply not to rely on browser's choice of transparent value\n // https://stackoverflow.com/questions/46309641/what-happens-in-safari-with-the-transparent-color\n background-color: rgba(255, 255, 255, 0);\n\n &&& {\n border: ${tableCellInputBorder};\n border-radius: 4px;\n width: 100%;\n\n &::placeholder {\n color: ${tableCellInputPlaceholderColor};\n }\n\n &::-ms-clear {\n display: none;\n }\n\n &:hover {\n border-color: transparent;\n }\n\n &:focus {\n /**\n focus background overrides everything, so it is the only cell-defined background style.\n the rest come from StyledInlineEditContainer\n */\n background-color: ${colors.white};\n border-style: solid;\n border-width: 1px;\n border-color: ${colors.blue40};\n box-shadow: 0 0 0 1px ${colors.blue40};\n outline: none;\n }\n\n &:disabled {\n border: ${tableCellInputBorder};\n color: ${colors.gray70};\n }\n }\n`\n\nexport const StyledTableCellSelect = styled(Select)<{\n $hasClearIcon: boolean\n $placeholder: boolean\n}>`\n ${cellInputCSS};\n\n background-color: transparent;\n border-color: transparent;\n height: auto;\n\n &:hover {\n background-color: transparent;\n }\n\n &:active:hover {\n border-color: ${colors.gray85};\n }\n\n &:focus,\n ${StyledSelectButtonWrapper}:focus-within & {\n background-color: ${colors.white};\n cursor: pointer;\n ${getFocus()}\n\n ${StyledSelectButtonLabel} {\n white-space: nowrap;\n }\n\n ${StyledSelectArrow} {\n opacity: 1;\n pointer-events: all;\n }\n\n ${({ $hasClearIcon }) =>\n $hasClearIcon &&\n css`\n & + ${StyledSelectClearIcon} {\n opacity: 1;\n pointer-events: all;\n }\n `}\n\n ${({ $placeholder = false }) =>\n $placeholder &&\n css`\n ${StyledSelectButtonLabel} {\n opacity: 1;\n pointer-events: all;\n }\n `}\n }\n\n ${({ $hasClearIcon }) =>\n $hasClearIcon &&\n css`\n & + ${StyledSelectClearIcon}:focus {\n opacity: 1;\n pointer-events: all;\n }\n `}\n\n ${StyledSelectButtonLabel} {\n white-space: normal;\n }\n\n ${StyledSelectArrow}, & + ${StyledSelectClearIcon} {\n opacity: 0;\n pointer-events: none;\n }\n\n ${({ $placeholder = false }) =>\n $placeholder &&\n css`\n ${StyledSelectButtonLabel} {\n opacity: 0;\n pointer-events: none;\n }\n `}\n\n ${({ loading }) =>\n loading &&\n css`\n background-color: ${colors.white};\n border-color: ${colors.gray85};\n\n ${StyledSelectButtonLabel} {\n white-space: nowrap;\n }\n `}\n`\nexport const StyledTableCellInput = styled(Input)`\n ${cellInputCSS}\n`\nexport const StyledTableCellDateInput = styled(DateSelect)`\n background-color: transparent;\n border-color: transparent;\n\n &:active:hover {\n border-color: ${colors.gray45};\n }\n\n // increase specificity to avoid border re-style\n &&&:focus-within {\n ${getFocus()};\n background-color: ${colors.white};\n }\n\n ${({ error }) =>\n error &&\n css`\n border-color: ${colors.red50};\n `}\n\n ${StyledDateInputIconContainer} {\n opacity: 0;\n }\n\n ${StyledDateInputDelimiter} {\n &[data-qa-table-visible='false'] {\n opacity: 0;\n }\n }\n\n ${StyledDateInputSegment} {\n &[data-placeholder='true'] {\n opacity: 0;\n }\n }\n\n &:focus-within {\n ${StyledDateInputIconContainer} {\n opacity: 1;\n }\n ${StyledDateInputDelimiter} {\n &[data-qa-table-visible='false'] {\n opacity: 1;\n }\n }\n ${StyledDateInputSegment} {\n &[data-placeholder='true'] {\n opacity: 1;\n }\n }\n }\n`\n\nexport const StyledTableCellTextArea = styled(TextArea)<{\n $resizable: boolean\n}>`\n ${cellInputCSS}\n && {\n height: ${spacing.xxl}px;\n min-height: ${spacing.xxl}px;\n overflow: hidden;\n padding-top: ${spacing.xs}px;\n resize: none;\n width: 100%;\n\n ${({ $resizable }) =>\n $resizable &&\n css`\n &:focus {\n min-height: 64px;\n overflow: auto;\n resize: vertical;\n }\n `}\n }\n`\n\nexport const StyledTableCellText = styled.div<{\n $percent?: boolean\n $currency?: boolean\n}>`\n margin: ${spacing.lg}px;\n display: flex;\n color: ${tableCellTextColor};\n\n ${({ $percent, $currency }) =>\n ($percent || $currency) &&\n css`\n justify-content: flex-end;\n `}\n`\n\nexport const StyledIconCell = styled.div`\n display: flex;\n color: ${tableCellIconColor};\n`\n\nexport const StyledOverdueIcon = styled(Error)<{ $rightAligned?: boolean }>`\n color: ${colors.red50};\n flex-shrink: 0;\n align-self: center;\n\n ${({ $rightAligned }) =>\n $rightAligned\n ? css`\n margin-right: ${spacing.sm}px;\n `\n : css`\n margin-left: ${spacing.sm}px;\n `}\n`\n\nexport const StyledSelectCellWrapper = styled.div`\n display: flex;\n flex-direction: column;\n`\n\nexport const StyledTableInlineEditErrorBox = styled.div<{\n $size?: InputCellSize\n}>`\n ${getTypographyIntent('small')}\n color: ${colors.white};\n font-style: italic;\n background: ${colors.red50};\n border-radius: 0 2px 2px 2px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);\n padding: 6px ${spacing.md}px;\n position: absolute;\n max-width: 160px;\n z-index: 1;\n\n ${({ $size }) => {\n const sizes: Record<InputCellSize, number | null> = {\n xs: 36,\n sm: 48,\n md: 80,\n lg: 112,\n block: null,\n xl: null,\n }\n\n if (!$size || !sizes[$size]) {\n return ''\n }\n\n return css`\n min-width: ${sizes[$size]}px;\n `\n }}\n`\n\ninterface StyledTableInlineEditContainerProps {\n $disabled?: boolean\n $error?: boolean\n $size: InputCellSize\n}\n\nexport const StyledTableInlineEditContainer = styled.div<StyledTableInlineEditContainerProps>`\n background-color: ${tableBgColor};\n margin: ${spacing.sm}px ${spacing.xs}px;\n position: relative;\n\n ${({ $error }) =>\n $error &&\n css`\n position: static;\n background-color: ${tableCellInputErrorBgColor};\n\n ${StyledTableCellDateInput},\n ${StyledTableCellInput},\n ${StyledTableCellSelect},\n ${StyledTableCellTextArea} {\n border: ${tableCellInputErrorBorder};\n border-radius: 4px 4px 0 0;\n border-bottom: none;\n\n &:hover {\n border-bottom: none;\n }\n\n &:focus {\n background-color: ${tableCellInputFocusBgColor};\n border: ${tableCellInputFocusBorder};\n border-bottom: none;\n }\n }\n `}\n\n ${({ $size }) => {\n const sizes: Record<InputCellSize, number | null> = {\n xs: 36,\n sm: 48,\n md: 80,\n lg: 112,\n block: null,\n xl: null,\n }\n\n if ($size === 'block') {\n return css`\n position: relative;\n\n ${StyledTableInlineEditErrorBox} {\n width: 100%;\n max-width: 100%;\n }\n `\n }\n\n if (!$size || !sizes[$size]) {\n return ''\n }\n\n return css`\n width: ${sizes[$size]}px;\n `\n }}\n`\n\nexport const StyledTableBodyRow = styled.tr<{\n $overdue: boolean\n}>`\n ${tableRowBorderBottom}\n\n ${({ $overdue }) =>\n $overdue &&\n css`\n ${StyledTableCellText},\n ${StyledTableCellSelect},\n ${StyledTableCellInput},\n ${StyledTableCellDateInput},\n ${StyledTableCellTextArea} {\n color: ${colors.red50};\n }\n `}\n\n &:focus-within {\n ${StyledTableInlineEditContainer} {\n background-color: ${tableCellInputRowHoverBgColor};\n\n &.disabled {\n background-color: transparent;\n }\n }\n ${StyledTableInlineEditContainer}.error {\n background-color: ${tableCellInputErrorBgColor};\n }\n }\n\n &:hover {\n ${StyledTableInlineEditContainer} {\n background-color: ${tableCellInputRowHoverBgColor};\n cursor: pointer;\n\n &:hover {\n background-color: ${tableCellInputHoverBgColor};\n }\n\n &.disabled {\n &,\n &:hover {\n background-color: transparent;\n cursor: default;\n }\n }\n }\n\n ${StyledTableInlineEditContainer}.error {\n background-color: ${tableCellInputErrorBgColor};\n\n &:hover {\n background-color: ${tableCellInputErrorBgColor};\n }\n\n ${StyledTableCellInput},\n ${StyledTableCellSelect},\n ${StyledTableCellTextArea} {\n border: ${tableCellInputErrorBorder};\n border-bottom: none;\n\n &:hover {\n border-bottom: none;\n }\n\n &:focus {\n border: ${tableCellInputFocusBorder};\n border-bottom: none;\n }\n }\n }\n }\n`\n\nexport const StyledTableGroupRowContent = styled.div``\n\nexport const StyledTableGroupRowHeader = styled.div``\n\nexport const StyledTableGroupRowTitle = styled.span``\n\nexport const StyledTableGroupRow = styled.tr<{ $depth?: number | boolean }>`\n background-color: ${tableGroupRowBgColor};\n ${tableRowBorderBottom}\n\n ${StyledTableGroupRowContent} {\n margin-left: ${spacing.lg}px;\n padding: ${spacing.lg}px 0;\n display: flex;\n flex-direction: row;\n }\n\n ${StyledTableGroupRowHeader} {\n display: flex;\n align-items: center;\n }\n\n ${StyledTableGroupRowTitle} {\n font-weight: ${tableHeaderFontWeight};\n padding-left: ${spacing.lg}px;\n }\n\n ${({ $depth }) => {\n if (typeof $depth !== 'number') {\n return ''\n }\n\n return css`\n > td {\n padding-left: ${$depth * tableGroupHeaderRowIndentation}px !important;\n }\n\n ~ ${StyledTableBodyRow} {\n > td:first-child {\n padding-left: ${($depth + 1) * tableGroupHeaderRowIndentation +\n tableGroupBodyRowIndentation}px !important;\n }\n }\n `\n }}\n`\n\nexport const StyledTableWrapper = styled(Card)<{ $withShelf: boolean }>`\n border-radius: ${tableBorderRadius}px;\n border: ${tableBorder};\n\n ${StyledHead}, tbody {\n &:first-child {\n tr:first-child {\n ${StyledTableHeaderCell}, td {\n &:first-child {\n border-top-left-radius: ${tableBorderRadius}px;\n }\n\n &:last-child {\n border-top-right-radius: ${tableBorderRadius}px;\n }\n }\n }\n }\n\n &:last-child {\n tr:last-child {\n ${StyledTableHeaderCell}, td {\n &:first-child {\n border-bottom-left-radius: ${tableBorderRadius}px;\n }\n &:last-child {\n border-bottom-right-radius: ${tableBorderRadius}px;\n }\n }\n }\n }\n }\n\n ${({ $withShelf }) =>\n $withShelf &&\n css`\n position: relative;\n height: 100%;\n `}\n`\n\nconst BodyRow = StyledTableBodyRow\n\nconst GroupRow = StyledTableGroupRow\n\nexport const StyledTable = styled.table<{ $inline?: boolean; $fixed: boolean }>`\n background-color: ${tableBgColor};\n border-collapse: collapse;\n border-radius: ${tableBorderRadius}px;\n ${getTypographyIntent('body')}\n width: 100%;\n\n td:first-child ${StyledCheckbox} {\n padding-left: ${spacing.lg}px;\n }\n\n ${StyledTableGroupRow} ${StyledCaratWrapper} + ${StyledCheckbox} {\n margin-left: ${spacing.xs}px;\n padding-left: 0;\n }\n\n ${({ $fixed }) =>\n $fixed &&\n css`\n table-layout: fixed;\n `}\n\n ${({ $inline }) =>\n $inline &&\n css`\n border-top: 1px solid ${colors.gray85};\n border-bottom: 1px solid ${colors.gray85};\n `}\n\n ${GroupRow} + ${GroupRow} > td {\n padding-left: ${tableGroupHeaderRowIndentation}px;\n }\n\n ${GroupRow} + ${GroupRow} + ${GroupRow} > td {\n padding-left: ${2 * tableGroupHeaderRowIndentation}px;\n }\n\n ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} > td {\n padding-left: ${3 * tableGroupHeaderRowIndentation}px;\n }\n\n ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} > td {\n padding-left: ${4 * tableGroupHeaderRowIndentation}px;\n }\n\n ${GroupRow} ~ ${BodyRow} {\n ${StyledCheckbox} {\n padding-left: 0;\n margin: 0 ${spacing.xs}px;\n }\n\n & > td:first-child {\n padding-left: ${tableGroupHeaderRowIndentation +\n tableGroupBodyRowIndentation}px;\n }\n }\n\n ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n & > td:first-child {\n padding-left: ${2 * tableGroupHeaderRowIndentation +\n tableGroupBodyRowIndentation}px;\n }\n }\n\n ${GroupRow} + ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n & > td:first-child {\n padding-left: ${3 * tableGroupHeaderRowIndentation +\n tableGroupBodyRowIndentation}px;\n }\n }\n\n ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n & > td:first-child {\n padding-left: ${4 * tableGroupHeaderRowIndentation +\n tableGroupBodyRowIndentation}px;\n }\n }\n\n ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n & > td:first-child {\n padding-left: ${5 * tableGroupHeaderRowIndentation +\n tableGroupBodyRowIndentation}px;\n }\n }\n`\n\nexport const StyledLoadingContainer = styled.div`\n cursor: default;\n align-items: center;\n background: ${colors.gray96};\n display: flex;\n height: 100%;\n justify-content: center;\n opacity: 0.9;\n position: absolute;\n width: 100%;\n z-index: 2;\n`\n"],"mappings":"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"}
1
+ {"version":3,"file":"Table.styles.js","names":["ArrowUp","ChevronRight","Error","styled","css","Button","Card","Checkbox","StyledDateInputDelimiter","StyledDateInputIconContainer","StyledDateInputSegment","DateSelect","Input","Select","StyledSelectArrow","StyledSelectButtonLabel","StyledSelectButtonWrapper","StyledSelectClearIcon","TextArea","getTypographyIntent","typographyWeights","colors","getFocus","getGapOutlineFocus","spacing","tableBgColor","white","tableBorderRadius","tableBorderStyle","tableBorderWidth","tableBorderColor","gray85","tableBorder","concat","tableGroupRowBgColor","gray98","tableGroupBodyRowIndentation","md","tableGroupHeaderRowIndentation","xl","tableHeaderBgColor","gray96","tableHeaderBgColorHover","gray94","tableHeaderBgColorActive","tableHeaderBorderColor","gray90","tableHeaderBorderRight","tableHeaderFontColor","gray30","tableHeaderFontColorActive","gray15","tableHeaderFontWeight","semibold","tableHeaderHeight","tableHeaderPadding","lg","tableSortFontColor","gray50","tableSortFontColorHover","gray40","tableSortFontColorActive","blue50","tableCellTextColor","tableCellIconColor","gray45","tableCellInputPlaceholderColor","gray70","tableCellInputBorder","tableCellInputRowHoverBgColor","tableCellInputFocusBgColor","tableCellInputHoverBgColor","blue94","tableCellInputFocusBorder","tableCellInputErrorBgColor","red98","tableCellInputErrorBorder","red50","tableRowBorderBottom","StyledTableHeaderCellSortableContainer","div","withConfig","displayName","componentId","StyledTableHeaderCellLabel","span","StyledTableHeaderCellIconWrapper","sm","StyledTableHeaderCellSortIcon","StyledTableHeaderCellSortButton","button","StyledCheckbox","StyledTableBodyCell","td","_ref","$snugfit","StyledTableHeaderCell","th","_ref2","$sortable","_ref3","$sortOrder","_ref4","_ref5","StyledHead","thead","StyledCaratWrapper","StyledCarat","_ref6","$expanded","cellInputCSS","blue40","StyledTableCellSelect","_ref7","$hasClearIcon","_ref8","_ref8$$placeholder","$placeholder","_ref9","_ref0","_ref0$$placeholder","_ref1","loading","StyledTableCellInput","StyledTableCellDateInput","_ref10","error","StyledTableCellTextArea","xxl","xs","_ref11","$resizable","StyledTableCellText","_ref12","$percent","$currency","StyledIconCell","StyledOverdueIcon","_ref13","$rightAligned","StyledSelectCellWrapper","StyledTableInlineEditErrorBox","_ref14","$size","sizes","block","StyledTableInlineEditContainer","_ref15","$error","_ref16","StyledTableBodyRow","tr","_ref17","$overdue","StyledTableGroupRowContent","StyledTableGroupRowHeader","StyledTableGroupRowTitle","StyledTableGroupRow","_ref18","$depth","StyledTableWrapper","_ref19","$withShelf","BodyRow","GroupRow","StyledTable","table","_ref20","$fixed","_ref21","$inline","StyledLoadingContainer"],"sources":["../../src/Table/Table.styles.ts"],"sourcesContent":["import { ArrowUp, ChevronRight, Error } from '@procore/core-icons'\nimport styled, { css } from 'styled-components'\nimport { Button } from '../Button'\nimport { Card } from '../Card'\nimport { Checkbox } from '../Checkbox'\nimport {\n StyledDateInputDelimiter,\n StyledDateInputIconContainer,\n StyledDateInputSegment,\n} from '../DateInput/DateInput.styles'\nimport { DateSelect } from '../DateSelect'\nimport { Input } from '../Input'\nimport { Select } from '../Select'\nimport {\n StyledSelectArrow,\n StyledSelectButtonLabel,\n StyledSelectButtonWrapper,\n StyledSelectClearIcon,\n} from '../Select/Select.styles'\nimport { TextArea } from '../TextArea'\nimport {\n getTypographyIntent,\n typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocus, getGapOutlineFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { InputCellSize, TableColumnSortOrder } from './Table.types'\n\nconst tableBgColor = colors.white\nconst tableBorderRadius = 4\nconst tableBorderStyle = 'solid'\nconst tableBorderWidth = 1\nconst tableBorderColor = colors.gray85\nconst tableBorder = `${tableBorderWidth}px ${tableBorderStyle} ${tableBorderColor}`\n\nconst tableGroupRowBgColor = colors.gray98\nconst tableGroupBodyRowIndentation = spacing.md\nconst tableGroupHeaderRowIndentation = spacing.xl\n\nconst tableHeaderBgColor = colors.gray96\nconst tableHeaderBgColorHover = colors.gray94\nconst tableHeaderBgColorActive = colors.gray94\nconst tableHeaderBorderColor = colors.gray90\nconst tableHeaderBorderRight = `${tableBorderWidth}px ${tableBorderStyle} ${tableHeaderBorderColor}`\n\nconst tableHeaderFontColor = colors.gray30\nconst tableHeaderFontColorActive = colors.gray15\nconst tableHeaderFontWeight = typographyWeights.semibold\nconst tableHeaderHeight = 48\nconst tableHeaderPadding = spacing.lg\n\nconst tableSortFontColor = colors.gray50\nconst tableSortFontColorHover = colors.gray40\nconst tableSortFontColorActive = colors.blue50\n\nconst tableCellTextColor = colors.gray15\nconst tableCellIconColor = colors.gray45\nconst tableCellInputPlaceholderColor = colors.gray70\nconst tableCellInputBorder = '1px solid transparent'\nconst tableCellInputRowHoverBgColor = colors.gray96\nconst tableCellInputFocusBgColor = colors.white\nconst tableCellInputHoverBgColor = colors.blue94\nconst tableCellInputFocusBorder = `1px solid ${colors.blue50}`\nconst tableCellInputErrorBgColor = colors.red98\nconst tableCellInputErrorBorder = `1px solid ${colors.red50}`\n\nconst tableRowBorderBottom = css`\n border-bottom: ${tableBorder};\n\n &:last-child {\n border-bottom: 0;\n }\n`\n\nexport const StyledTableHeaderCellSortableContainer = styled.div``\n\nexport const StyledTableHeaderCellLabel = styled.span`\n display: inline-block;\n flex: 1 1 auto;\n position: relative;\n`\n\nexport const StyledTableHeaderCellIconWrapper = styled.div`\n height: 20px;\n line-height: 20px;\n padding: 0 ${spacing.lg}px 0 ${spacing.sm}px;\n width: 20px;\n`\n\nexport const StyledTableHeaderCellSortIcon = styled(ArrowUp)`\n height: 16px;\n width: 16px;\n`\n\nexport const StyledTableHeaderCellSortButton = styled.button`\n background: transparent;\n border: none;\n color: inherit;\n display: flex;\n align-items: center;\n font: inherit;\n margin: 0;\n min-height: ${tableHeaderHeight}px;\n padding: ${spacing.lg}px;\n text-align: left;\n width: 100%;\n\n &:focus-visible {\n ${getGapOutlineFocus('inside')}\n outline-offset: -1px;\n }\n\n ${StyledTableHeaderCellLabel} {\n min-height: 14px;\n }\n\n ${StyledTableHeaderCellSortIcon} {\n color: ${tableSortFontColor};\n opacity: 0;\n transition: all 0.15s ease-in-out;\n position: absolute;\n }\n\n ::before,\n ::after {\n font-size: 16px;\n }\n`\n\nexport const StyledCheckbox = styled(Checkbox)``\n\nexport const StyledTableBodyCell = styled.td<{ $snugfit: boolean }>`\n position: relative;\n vertical-align: middle;\n\n ${({ $snugfit }) =>\n $snugfit &&\n css`\n white-space: nowrap;\n width: 0.1%;\n `}\n`\n\nexport const StyledTableHeaderCell = styled.th<{\n $sortable: boolean\n $snugfit: boolean\n $sortOrder?: TableColumnSortOrder\n}>`\n ${getTypographyIntent('small')}\n font-weight: ${tableHeaderFontWeight};\n border-right: ${tableHeaderBorderRight};\n color: ${tableHeaderFontColor};\n height: ${tableHeaderHeight}px;\n padding: ${tableHeaderPadding}px;\n position: relative;\n text-align: left;\n transition: background-color 0.2s ease-in-out;\n\n &:last-child {\n border-right: 0;\n }\n\n ${StyledTableHeaderCellSortableContainer} {\n display: flex;\n align-items: center;\n }\n\n ${({ $sortable }) =>\n $sortable &&\n css`\n padding: 0;\n\n &:hover {\n background-color: ${tableHeaderBgColorHover};\n }\n `}\n\n ${({ $sortOrder }) =>\n ($sortOrder === 'asc' || $sortOrder === 'desc') &&\n css`\n background-color: ${tableHeaderBgColorActive};\n color: ${tableHeaderFontColorActive};\n\n ${StyledTableHeaderCellSortButton} ${StyledTableHeaderCellSortIcon} {\n color: ${tableSortFontColorActive};\n opacity: 1;\n }\n `}\n\n ${({ $sortOrder }) =>\n $sortOrder === 'desc' &&\n css`\n ${StyledTableHeaderCellSortButton} ${StyledTableHeaderCellSortIcon} {\n transform: scaleY(-1);\n }\n `}\n\n ${({ $snugfit }) =>\n $snugfit &&\n css`\n width: 0.1%;\n `}\n`\n\nexport const StyledHead = styled.thead`\n background-color: ${tableHeaderBgColor};\n transition: background-color 0.2s ease-in-out;\n ${tableRowBorderBottom}\n`\n\nexport const StyledCaratWrapper = styled(Button)``\n\nexport const StyledCarat = styled(ChevronRight)<{ $expanded: boolean }>`\n ${({ $expanded }) =>\n $expanded &&\n css`\n transform: rotate(90deg);\n `}\n`\n\nconst cellInputCSS = css`\n // Define particular color, simply not to rely on browser's choice of transparent value\n // https://stackoverflow.com/questions/46309641/what-happens-in-safari-with-the-transparent-color\n background-color: rgba(255, 255, 255, 0);\n\n &&& {\n border: ${tableCellInputBorder};\n border-radius: 4px;\n width: 100%;\n\n &::placeholder {\n color: ${tableCellInputPlaceholderColor};\n }\n\n &::-ms-clear {\n display: none;\n }\n\n &:hover {\n border-color: transparent;\n }\n\n &:focus {\n /**\n focus background overrides everything, so it is the only cell-defined background style.\n the rest come from StyledInlineEditContainer\n */\n background-color: ${colors.white};\n border-style: solid;\n border-width: 1px;\n border-color: ${colors.blue40};\n box-shadow: 0 0 0 1px ${colors.blue40};\n outline: none;\n }\n\n &:disabled {\n border: ${tableCellInputBorder};\n color: ${colors.gray70};\n }\n }\n`\n\nexport const StyledTableCellSelect = styled(Select)<{\n $hasClearIcon: boolean\n $placeholder: boolean\n}>`\n ${cellInputCSS};\n\n background-color: transparent;\n border-color: transparent;\n height: auto;\n\n &:hover {\n background-color: transparent;\n }\n\n &:active:hover {\n border-color: ${colors.gray85};\n }\n\n &:focus,\n ${StyledSelectButtonWrapper}:focus-within & {\n background-color: ${colors.white};\n cursor: pointer;\n ${getFocus()}\n\n ${StyledSelectButtonLabel} {\n white-space: nowrap;\n }\n\n ${StyledSelectArrow} {\n opacity: 1;\n pointer-events: all;\n }\n\n ${({ $hasClearIcon }) =>\n $hasClearIcon &&\n css`\n & + ${StyledSelectClearIcon} {\n opacity: 1;\n pointer-events: all;\n }\n `}\n\n ${({ $placeholder = false }) =>\n $placeholder &&\n css`\n ${StyledSelectButtonLabel} {\n opacity: 1;\n pointer-events: all;\n }\n `}\n }\n\n ${({ $hasClearIcon }) =>\n $hasClearIcon &&\n css`\n & + ${StyledSelectClearIcon}:focus {\n opacity: 1;\n pointer-events: all;\n }\n `}\n\n ${StyledSelectButtonLabel} {\n white-space: normal;\n }\n\n ${StyledSelectArrow}, & + ${StyledSelectClearIcon} {\n opacity: 0;\n pointer-events: none;\n }\n\n ${({ $placeholder = false }) =>\n $placeholder &&\n css`\n ${StyledSelectButtonLabel} {\n opacity: 0;\n pointer-events: none;\n }\n `}\n\n ${({ loading }) =>\n loading &&\n css`\n background-color: ${colors.white};\n border-color: ${colors.gray85};\n\n ${StyledSelectButtonLabel} {\n white-space: nowrap;\n }\n `}\n`\nexport const StyledTableCellInput = styled(Input)`\n ${cellInputCSS}\n`\nexport const StyledTableCellDateInput = styled(DateSelect)`\n background-color: transparent;\n border-color: transparent;\n\n &:active:hover {\n border-color: ${colors.gray45};\n }\n\n // increase specificity to avoid border re-style\n &&&:focus-within {\n ${getFocus()};\n background-color: ${colors.white};\n }\n\n ${({ error }) =>\n error &&\n css`\n border-color: ${colors.red50};\n `}\n\n ${StyledDateInputIconContainer} {\n opacity: 0;\n }\n\n ${StyledDateInputDelimiter} {\n &[data-qa-table-visible='false'] {\n opacity: 0;\n }\n }\n\n ${StyledDateInputSegment} {\n &[data-placeholder='true'] {\n opacity: 0;\n }\n }\n\n &:focus-within {\n ${StyledDateInputIconContainer} {\n opacity: 1;\n }\n ${StyledDateInputDelimiter} {\n &[data-qa-table-visible='false'] {\n opacity: 1;\n }\n }\n ${StyledDateInputSegment} {\n &[data-placeholder='true'] {\n opacity: 1;\n }\n }\n }\n`\n\nexport const StyledTableCellTextArea = styled(TextArea)<{\n $resizable: boolean\n}>`\n ${cellInputCSS}\n && {\n height: ${spacing.xxl}px;\n min-height: ${spacing.xxl}px;\n overflow: hidden;\n padding-top: ${spacing.xs}px;\n resize: none;\n width: 100%;\n\n ${({ $resizable }) =>\n $resizable &&\n css`\n &:focus {\n min-height: 64px;\n overflow: auto;\n resize: vertical;\n }\n `}\n }\n`\n\nexport const StyledTableCellText = styled.div<{\n $percent?: boolean\n $currency?: boolean\n}>`\n margin: ${spacing.lg}px;\n display: flex;\n color: ${tableCellTextColor};\n\n ${({ $percent, $currency }) =>\n ($percent || $currency) &&\n css`\n justify-content: flex-end;\n `}\n`\n\nexport const StyledIconCell = styled.div`\n display: flex;\n color: ${tableCellIconColor};\n`\n\nexport const StyledOverdueIcon = styled(Error)<{ $rightAligned?: boolean }>`\n color: ${colors.red50};\n flex-shrink: 0;\n align-self: center;\n\n ${({ $rightAligned }) =>\n $rightAligned\n ? css`\n margin-right: ${spacing.sm}px;\n `\n : css`\n margin-left: ${spacing.sm}px;\n `}\n`\n\nexport const StyledSelectCellWrapper = styled.div`\n display: flex;\n flex-direction: column;\n`\n\nexport const StyledTableInlineEditErrorBox = styled.div<{\n $size?: InputCellSize\n}>`\n ${getTypographyIntent('small')}\n color: ${colors.white};\n font-style: italic;\n background: ${colors.red50};\n border-radius: 0 2px 2px 2px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);\n padding: 6px ${spacing.md}px;\n position: absolute;\n max-width: 160px;\n z-index: 1;\n\n ${({ $size }) => {\n const sizes: Record<InputCellSize, number | null> = {\n xs: 36,\n sm: 48,\n md: 80,\n lg: 112,\n block: null,\n xl: null,\n }\n\n if (!$size || !sizes[$size]) {\n return ''\n }\n\n return css`\n min-width: ${sizes[$size]}px;\n `\n }}\n`\n\ninterface StyledTableInlineEditContainerProps {\n $disabled?: boolean\n $error?: boolean\n $size: InputCellSize\n}\n\nexport const StyledTableInlineEditContainer = styled.div<StyledTableInlineEditContainerProps>`\n background-color: ${tableBgColor};\n margin: ${spacing.sm}px ${spacing.xs}px;\n position: relative;\n\n ${({ $error }) =>\n $error &&\n css`\n position: static;\n background-color: ${tableCellInputErrorBgColor};\n\n ${StyledTableCellDateInput},\n ${StyledTableCellInput},\n ${StyledTableCellSelect},\n ${StyledTableCellTextArea} {\n border: ${tableCellInputErrorBorder};\n border-radius: 4px 4px 0 0;\n border-bottom: none;\n\n &:hover {\n border-bottom: none;\n }\n\n &:focus {\n background-color: ${tableCellInputFocusBgColor};\n border: ${tableCellInputFocusBorder};\n border-bottom: none;\n }\n }\n `}\n\n ${({ $size }) => {\n const sizes: Record<InputCellSize, number | null> = {\n xs: 36,\n sm: 48,\n md: 80,\n lg: 112,\n block: null,\n xl: null,\n }\n\n if ($size === 'block') {\n return css`\n position: relative;\n\n ${StyledTableInlineEditErrorBox} {\n width: 100%;\n max-width: 100%;\n }\n `\n }\n\n if (!$size || !sizes[$size]) {\n return ''\n }\n\n return css`\n width: ${sizes[$size]}px;\n `\n }}\n`\n\nexport const StyledTableBodyRow = styled.tr<{\n $overdue: boolean\n}>`\n ${tableRowBorderBottom}\n\n ${({ $overdue }) =>\n $overdue &&\n css`\n ${StyledTableCellText},\n ${StyledTableCellSelect},\n ${StyledTableCellInput},\n ${StyledTableCellDateInput},\n ${StyledTableCellTextArea} {\n color: ${colors.red50};\n }\n `}\n\n &:focus-within {\n ${StyledTableInlineEditContainer} {\n background-color: ${tableCellInputRowHoverBgColor};\n\n &.disabled {\n background-color: transparent;\n }\n }\n ${StyledTableInlineEditContainer}.error {\n background-color: ${tableCellInputErrorBgColor};\n }\n }\n\n &:hover {\n ${StyledTableInlineEditContainer} {\n background-color: ${tableCellInputRowHoverBgColor};\n cursor: pointer;\n\n &:hover {\n background-color: ${tableCellInputHoverBgColor};\n }\n\n &.disabled {\n &,\n &:hover {\n background-color: transparent;\n cursor: default;\n }\n }\n }\n\n ${StyledTableInlineEditContainer}.error {\n background-color: ${tableCellInputErrorBgColor};\n\n &:hover {\n background-color: ${tableCellInputErrorBgColor};\n }\n\n ${StyledTableCellInput},\n ${StyledTableCellSelect},\n ${StyledTableCellTextArea} {\n border: ${tableCellInputErrorBorder};\n border-bottom: none;\n\n &:hover {\n border-bottom: none;\n }\n\n &:focus {\n border: ${tableCellInputFocusBorder};\n border-bottom: none;\n }\n }\n }\n }\n`\n\nexport const StyledTableGroupRowContent = styled.div``\n\nexport const StyledTableGroupRowHeader = styled.div``\n\nexport const StyledTableGroupRowTitle = styled.span``\n\nexport const StyledTableGroupRow = styled.tr<{ $depth?: number | boolean }>`\n background-color: ${tableGroupRowBgColor};\n ${tableRowBorderBottom}\n\n ${StyledTableGroupRowContent} {\n margin-left: ${spacing.lg}px;\n padding: ${spacing.lg}px 0;\n display: flex;\n flex-direction: row;\n }\n\n ${StyledTableGroupRowHeader} {\n display: flex;\n align-items: center;\n }\n\n ${StyledTableGroupRowTitle} {\n font-weight: ${tableHeaderFontWeight};\n padding-left: ${spacing.lg}px;\n }\n\n ${({ $depth }) => {\n if (typeof $depth !== 'number') {\n return ''\n }\n\n return css`\n > td {\n padding-left: ${$depth * tableGroupHeaderRowIndentation}px !important;\n }\n\n ~ ${StyledTableBodyRow} {\n > td:first-child {\n padding-left: ${($depth + 1) * tableGroupHeaderRowIndentation +\n tableGroupBodyRowIndentation}px !important;\n }\n }\n `\n }}\n`\n\nexport const StyledTableWrapper = styled(Card)<{ $withShelf: boolean }>`\n border-radius: ${tableBorderRadius}px;\n border: ${tableBorder};\n\n ${StyledHead}, tbody {\n &:first-child {\n tr:first-child {\n ${StyledTableHeaderCell}, td {\n &:first-child {\n border-top-left-radius: ${tableBorderRadius}px;\n }\n\n &:last-child {\n border-top-right-radius: ${tableBorderRadius}px;\n }\n }\n }\n }\n\n &:last-child {\n tr:last-child {\n ${StyledTableHeaderCell}, td {\n &:first-child {\n border-bottom-left-radius: ${tableBorderRadius}px;\n }\n &:last-child {\n border-bottom-right-radius: ${tableBorderRadius}px;\n }\n }\n }\n }\n }\n\n ${({ $withShelf }) =>\n $withShelf &&\n css`\n position: relative;\n height: 100%;\n `}\n`\n\nconst BodyRow = StyledTableBodyRow\n\nconst GroupRow = StyledTableGroupRow\n\nexport const StyledTable = styled.table<{ $inline?: boolean; $fixed: boolean }>`\n background-color: ${tableBgColor};\n border-collapse: collapse;\n border-radius: ${tableBorderRadius}px;\n ${getTypographyIntent('body')}\n width: 100%;\n\n td:first-child ${StyledCheckbox} {\n padding-left: ${spacing.lg}px;\n }\n\n ${StyledTableGroupRow} ${StyledCaratWrapper} + ${StyledCheckbox} {\n margin-left: ${spacing.xs}px;\n padding-left: 0;\n }\n\n ${({ $fixed }) =>\n $fixed &&\n css`\n table-layout: fixed;\n `}\n\n ${({ $inline }) =>\n $inline &&\n css`\n border-top: 1px solid ${colors.gray85};\n border-bottom: 1px solid ${colors.gray85};\n `}\n\n ${GroupRow} + ${GroupRow} > td {\n padding-left: ${tableGroupHeaderRowIndentation}px;\n }\n\n ${GroupRow} + ${GroupRow} + ${GroupRow} > td {\n padding-left: ${2 * tableGroupHeaderRowIndentation}px;\n }\n\n ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} > td {\n padding-left: ${3 * tableGroupHeaderRowIndentation}px;\n }\n\n ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} > td {\n padding-left: ${4 * tableGroupHeaderRowIndentation}px;\n }\n\n ${GroupRow} ~ ${BodyRow} {\n ${StyledCheckbox} {\n padding-left: 0;\n margin: 0 ${spacing.xs}px;\n }\n\n & > td:first-child {\n padding-left: ${tableGroupHeaderRowIndentation +\n tableGroupBodyRowIndentation}px;\n }\n }\n\n ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n & > td:first-child {\n padding-left: ${2 * tableGroupHeaderRowIndentation +\n tableGroupBodyRowIndentation}px;\n }\n }\n\n ${GroupRow} + ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n & > td:first-child {\n padding-left: ${3 * tableGroupHeaderRowIndentation +\n tableGroupBodyRowIndentation}px;\n }\n }\n\n ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n & > td:first-child {\n padding-left: ${4 * tableGroupHeaderRowIndentation +\n tableGroupBodyRowIndentation}px;\n }\n }\n\n ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n & > td:first-child {\n padding-left: ${5 * tableGroupHeaderRowIndentation +\n tableGroupBodyRowIndentation}px;\n }\n }\n`\n\nexport const StyledLoadingContainer = styled.div`\n cursor: default;\n align-items: center;\n background: ${colors.gray96};\n display: flex;\n height: 100%;\n justify-content: center;\n opacity: 0.9;\n position: absolute;\n width: 100%;\n z-index: 2;\n`\n"],"mappings":"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"}
@@ -4,22 +4,22 @@ import { spacing } from '../_styles/spacing';
4
4
  var tableShelfShadow = '-4px 0px 5px 0px rgba(112, 112, 112, 0.1)';
5
5
  export var StyledShelf = /*#__PURE__*/styled.div.withConfig({
6
6
  displayName: "StyledShelf",
7
- componentId: "core-12_46_1__sc-a6498a-0"
7
+ componentId: "core-12_47_1__sc-a6498a-0"
8
8
  })(["position:absolute;right:0;top:0;bottom:0;box-shadow:", ";background-color:", ";"], tableShelfShadow, colors.white);
9
9
  export var StyledHead = /*#__PURE__*/styled.div.withConfig({
10
10
  displayName: "StyledHead",
11
- componentId: "core-12_46_1__sc-a6498a-1"
11
+ componentId: "core-12_47_1__sc-a6498a-1"
12
12
  })(["background-color:", ";transition:background-color 0.2s ease-in-out;"], colors.gray96);
13
13
  export var StyledBodyRow = /*#__PURE__*/styled.div.withConfig({
14
14
  displayName: "StyledBodyRow",
15
- componentId: "core-12_46_1__sc-a6498a-2"
15
+ componentId: "core-12_47_1__sc-a6498a-2"
16
16
  })(["border-top:1px solid ", ";transition:background-color 0.2s ease-in-out;"], colors.gray85);
17
17
  export var StyledHeadCell = /*#__PURE__*/styled.div.withConfig({
18
18
  displayName: "StyledHeadCell",
19
- componentId: "core-12_46_1__sc-a6498a-3"
19
+ componentId: "core-12_47_1__sc-a6498a-3"
20
20
  })(["text-align:left;padding:", "px;line-height:13px;"], spacing.lg);
21
21
  export var StyledBodyCell = /*#__PURE__*/styled.div.withConfig({
22
22
  displayName: "StyledBodyCell",
23
- componentId: "core-12_46_1__sc-a6498a-4"
23
+ componentId: "core-12_47_1__sc-a6498a-4"
24
24
  })(["padding:", "px;line-height:13px;"], spacing.lg);
25
25
  //# sourceMappingURL=TableShelf.styles.js.map
@@ -17,17 +17,17 @@ var borderRadius = /*#__PURE__*/css(["border-radius:", "px ", "px 0 0;"], spacin
17
17
  */
18
18
  var StyledTabBase = /*#__PURE__*/styled.div.withConfig({
19
19
  displayName: "StyledTabBase",
20
- componentId: "core-12_46_1__sc-17s58xs-0"
20
+ componentId: "core-12_47_1__sc-17s58xs-0"
21
21
  })(["align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;position:relative;white-space:nowrap;text-decoration:none;background-color:transparent;border:none;font-family:inherit;padding:0;"]);
22
22
  var StyledTabInnerBase = /*#__PURE__*/styled.div.withConfig({
23
23
  displayName: "StyledTabInnerBase",
24
- componentId: "core-12_46_1__sc-17s58xs-1"
24
+ componentId: "core-12_47_1__sc-17s58xs-1"
25
25
  })(["align-self:baseline;box-sizing:border-box;&,> a{display:flex;text-decoration:none;width:100%;}"]);
26
26
 
27
27
  // This so that it can be visible/hidden via CSS down below
28
28
  var StyledDropdownTabBase = /*#__PURE__*/styled(StyledTabBase).withConfig({
29
29
  displayName: "StyledDropdownTabBase",
30
- componentId: "core-12_46_1__sc-17s58xs-2"
30
+ componentId: "core-12_47_1__sc-17s58xs-2"
31
31
  })(["", ""], hiddenTab);
32
32
 
33
33
  //// END BASE LAYOUT COMPONENTS FOR TABS ////
@@ -50,11 +50,11 @@ function getTabStyle() {
50
50
  }
51
51
  var StyledTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
52
52
  displayName: "StyledTab",
53
- componentId: "core-12_46_1__sc-17s58xs-3"
53
+ componentId: "core-12_47_1__sc-17s58xs-3"
54
54
  })(["", ""], getTabStyle);
55
55
  var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
56
56
  displayName: "StyledTabInner",
57
- componentId: "core-12_46_1__sc-17s58xs-4"
57
+ componentId: "core-12_47_1__sc-17s58xs-4"
58
58
  })(["", " padding:0 ", "px;font-weight:", ";&,> a{", ";color:", ";height:23px;}& a:focus-visible{outline:2px solid ", ";outline-offset:-1px;border-radius:", "px;}", ""], getTypographyIntent('body'), spacing.xs, function (_ref3) {
59
59
  var $selected = _ref3.$selected;
60
60
  return $selected ? 600 : 400;
@@ -67,15 +67,15 @@ var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
67
67
  });
68
68
  var StyledDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
69
69
  displayName: "StyledDropdownTab",
70
- componentId: "core-12_46_1__sc-17s58xs-5"
70
+ componentId: "core-12_47_1__sc-17s58xs-5"
71
71
  })(["", ""], getTabStyle);
72
72
  var StyledDropdownTabInner = /*#__PURE__*/styled(StyledTabInner).withConfig({
73
73
  displayName: "StyledDropdownTabInner",
74
- componentId: "core-12_46_1__sc-17s58xs-6"
74
+ componentId: "core-12_47_1__sc-17s58xs-6"
75
75
  })(["align-items:center;cursor:pointer;display:inline-flex;"]);
76
76
  var StyledLink = /*#__PURE__*/styled.span.withConfig({
77
77
  displayName: "StyledLink",
78
- componentId: "core-12_46_1__sc-17s58xs-7"
78
+ componentId: "core-12_47_1__sc-17s58xs-7"
79
79
  })(["align-items:center;display:flex;height:23px;", ";box-sizing:border-box;"], borderRadius);
80
80
 
81
81
  //// END TRADITIONAL DESIGN SYSTEM TAB STYLES ////
@@ -92,34 +92,34 @@ function getHelixHeaderTabStyles() {
92
92
  }
93
93
  var StyledGlobalNavigationTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
94
94
  displayName: "StyledGlobalNavigationTab",
95
- componentId: "core-12_46_1__sc-17s58xs-8"
95
+ componentId: "core-12_47_1__sc-17s58xs-8"
96
96
  })(["", ""], getHelixHeaderTabStyles);
97
97
  var StyledGlobalNavigationDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
98
98
  displayName: "StyledGlobalNavigationDropdownTab",
99
- componentId: "core-12_46_1__sc-17s58xs-9"
99
+ componentId: "core-12_47_1__sc-17s58xs-9"
100
100
  })(["", ""], getHelixHeaderTabStyles);
101
101
  var StyledGlobalNavigationDropdownTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
102
102
  displayName: "StyledGlobalNavigationDropdownTabInner",
103
- componentId: "core-12_46_1__sc-17s58xs-10"
103
+ componentId: "core-12_47_1__sc-17s58xs-10"
104
104
  })(["align-items:center;cursor:pointer;display:inline-flex;"]);
105
105
  var StyledGlobalNavigationLink = /*#__PURE__*/styled.span.withConfig({
106
106
  displayName: "StyledGlobalNavigationLink",
107
- componentId: "core-12_46_1__sc-17s58xs-11"
107
+ componentId: "core-12_47_1__sc-17s58xs-11"
108
108
  })(["padding-left:6px;padding-right:6px;"]);
109
109
 
110
110
  //// END HELIX GLOBAL NAVIGATION TAB STYLES ////
111
111
 
112
112
  export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
113
113
  displayName: "StyledOverlay",
114
- componentId: "core-12_46_1__sc-17s58xs-12"
114
+ componentId: "core-12_47_1__sc-17s58xs-12"
115
115
  })(["max-height:40vh;", "{padding:0;display:flex;justify-content:center;a{color:unset;margin:unset;padding:unset;&:focus-visible{outline-offset:1px;}}}", "{padding:0;display:flex;}", "{padding:2px 16px 4px 16px;}", ",", "{color:", ";border-radius:0;display:flex;width:100%;background:inherit;font-weight:inherit;font-size:inherit;padding:0;}[data-selected='true']{", ",", "{border-bottom-color:transparent;color:", ";}}"], StyledItem, StyledLink, StyledTabInnerBase, StyledLink, StyledTabBase, colors.gray15, StyledLink, StyledTabBase, colors.blue50);
116
116
  export var StyledTabList = /*#__PURE__*/styled.div.withConfig({
117
117
  displayName: "StyledTabList",
118
- componentId: "core-12_46_1__sc-17s58xs-13"
118
+ componentId: "core-12_47_1__sc-17s58xs-13"
119
119
  })(["display:flex;list-style:none;margin:0;padding:0;width:100%;"]);
120
120
  export var StyledTabs = /*#__PURE__*/styled.div.withConfig({
121
121
  displayName: "StyledTabs",
122
- componentId: "core-12_46_1__sc-17s58xs-14"
122
+ componentId: "core-12_47_1__sc-17s58xs-14"
123
123
  })(["background-color:", ";display:flex;overflow:hidden;width:100%;", "{&:nth-child(1n + ", "){&:not(", "){", "}}}", ""], function (_ref6) {
124
124
  var $dark = _ref6.$dark;
125
125
  return $dark && colors.gray15;
@@ -133,7 +133,7 @@ export var StyledTabs = /*#__PURE__*/styled.div.withConfig({
133
133
  });
134
134
  var StyledMoreLi = /*#__PURE__*/styled.li.withConfig({
135
135
  displayName: "StyledMoreLi",
136
- componentId: "core-12_46_1__sc-17s58xs-15"
136
+ componentId: "core-12_47_1__sc-17s58xs-15"
137
137
  })(["", ""], function (_ref9) {
138
138
  var $helix = _ref9.$helix;
139
139
  return $helix ? css(["margin-left:", "px;"], spacing.sm) : css(["margin-left:", "px;"], spacing.xl);
@@ -46,7 +46,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
46
46
  };
47
47
  export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
48
48
  displayName: "StyledTearsheetContent",
49
- componentId: "core-12_46_1__sc-ljrxoq-0"
49
+ componentId: "core-12_47_1__sc-ljrxoq-0"
50
50
  })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
51
51
  var $open = _ref.$open,
52
52
  $placement = _ref.$placement;
@@ -66,7 +66,7 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
66
66
  export var minScrimSize = spacing.xxl * 3;
67
67
  export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
68
68
  displayName: "StyledTearsheetBody",
69
- componentId: "core-12_46_1__sc-ljrxoq-1"
69
+ componentId: "core-12_47_1__sc-ljrxoq-1"
70
70
  })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";&:focus-visible{", "}", ""], colors.white, getGapOutlineFocus('inside'), function (_ref5) {
71
71
  var $block = _ref5.$block,
72
72
  $placement = _ref5.$placement,
@@ -78,7 +78,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
78
78
  var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
79
79
  export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
80
80
  displayName: "StyledScrimContainer",
81
- componentId: "core-12_46_1__sc-ljrxoq-2"
81
+ componentId: "core-12_47_1__sc-ljrxoq-2"
82
82
  })(["", ""], function (_ref6) {
83
83
  var $placement = _ref6.$placement;
84
84
  var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -86,7 +86,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
86
86
  });
87
87
  export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
88
88
  displayName: "StyledButtonContainer",
89
- componentId: "core-12_46_1__sc-ljrxoq-3"
89
+ componentId: "core-12_47_1__sc-ljrxoq-3"
90
90
  })(["", ""], function (_ref7) {
91
91
  var $placement = _ref7.$placement;
92
92
  switch ($placement) {
@@ -101,7 +101,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
101
101
  });
102
102
  export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
103
103
  displayName: "StyledButtonCard",
104
- componentId: "core-12_46_1__sc-ljrxoq-4"
104
+ componentId: "core-12_47_1__sc-ljrxoq-4"
105
105
  })(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref8) {
106
106
  var $open = _ref8.$open;
107
107
  return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);
@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
3
3
  import { spacing } from '../_styles/spacing';
4
4
  export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
5
5
  displayName: "StyledTextArea",
6
- componentId: "core-12_46_1__sc-u5mow1-0"
6
+ componentId: "core-12_47_1__sc-u5mow1-0"
7
7
  })(["", ";height:auto;min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
8
8
  var _ref$$resize = _ref.$resize,
9
9
  $resize = _ref$$resize === void 0 ? 'both' : _ref$$resize;
@@ -1,6 +1,6 @@
1
1
  import styled from 'styled-components';
2
2
  export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
3
3
  displayName: "StyledEditor",
4
- componentId: "core-12_46_1__sc-1lje1b0-0"
4
+ componentId: "core-12_47_1__sc-1lje1b0-0"
5
5
  })(["> .tox-tinymce{border:none;}"]);
6
6
  //# sourceMappingURL=TextEditorOutput.styles.js.map