@procore/core-react 12.26.4 → 12.26.6

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 (202) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/AnchorNavigation/AnchorNavigation.styles.js +3 -3
  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 +8 -8
  12. package/dist/Card/Card.styles.js +1 -1
  13. package/dist/Checkbox/Checkbox.styles.js +6 -6
  14. package/dist/Checkbox/CheckboxTooltip.js +1 -1
  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/DeprecatedTextEditorOutput/DeprecatedTextEditorOutput.styles.js +1 -1
  19. package/dist/DetailPage/DetailPage.styles.js +7 -7
  20. package/dist/Dropdown/Dropdown.styles.js +3 -3
  21. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  22. package/dist/Dropzone/Dropzone.js +1 -1
  23. package/dist/Dropzone/Dropzone.styles.js +9 -9
  24. package/dist/EmptyState/EmptyState.styles.js +6 -6
  25. package/dist/Field/Field.styles.js +3 -3
  26. package/dist/FileList/FileList.styles.js +4 -4
  27. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  28. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  29. package/dist/FileSelect/FileSelect.styles.js +2 -2
  30. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  31. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  32. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  33. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  34. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  35. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  36. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  37. package/dist/FileToken/FileToken.styles.js +4 -4
  38. package/dist/FilterToken/FilterToken.styles.js +5 -5
  39. package/dist/FlexList/FlexList.styles.js +1 -1
  40. package/dist/Form/Form.js +1 -1
  41. package/dist/Form/Form.js.map +1 -1
  42. package/dist/Form/Form.styles.js +14 -14
  43. package/dist/Form/StyledFormikForm.styles.js +2 -2
  44. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +2 -2
  45. package/dist/Grid/Grid.styles.js +2 -2
  46. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  47. package/dist/Input/Input.styles.js +1 -1
  48. package/dist/Link/Link.styles.js +1 -1
  49. package/dist/ListPage/ListPage.styles.js +8 -8
  50. package/dist/Loader/Loader.styles.js +2 -2
  51. package/dist/MenuImperative/MenuImperative.styles.js +10 -10
  52. package/dist/Modal/Modal.styles.js +13 -13
  53. package/dist/MultiSelect/MultiSelect.styles.js +6 -6
  54. package/dist/NextMenu/NextMenu.styles.js +3 -3
  55. package/dist/NextTextEditor/NextTextEditor.styles.js +2 -2
  56. package/dist/NextTextEditor/NextTextEditor.styles.js.map +1 -1
  57. package/dist/NextTextEditorOutput/NextTextEditorOutput.d.ts +1 -2
  58. package/dist/NextTextEditorOutput/NextTextEditorOutput.js +6 -10
  59. package/dist/NextTextEditorOutput/NextTextEditorOutput.js.map +1 -1
  60. package/dist/NextTextEditorOutput/NextTextEditorOutput.styles.js +2 -2
  61. package/dist/NextTextEditorOutput/NextTextEditorOutput.styles.js.map +1 -1
  62. package/dist/Notation/Notation.js +1 -1
  63. package/dist/NumberInput/NumberInput.hooks.d.ts +2 -1
  64. package/dist/NumberInput/NumberInput.hooks.js +40 -0
  65. package/dist/NumberInput/NumberInput.hooks.js.map +1 -1
  66. package/dist/NumberInput/NumberInput.js +20 -7
  67. package/dist/NumberInput/NumberInput.js.map +1 -1
  68. package/dist/NumberInput/NumberInput.styles.js +7 -7
  69. package/dist/NumberInput/NumberInput.types.d.ts +26 -1
  70. package/dist/NumberInput/NumberInput.types.js.map +1 -1
  71. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  72. package/dist/PageLayout/PageLayout.styles.js +16 -16
  73. package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
  74. package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js +3 -3
  75. package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js +2 -2
  76. package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js +3 -3
  77. package/dist/Pagination/Pagination.styles.js +5 -5
  78. package/dist/Panel/Panel.styles.js +11 -11
  79. package/dist/Pill/Pill.styles.js +3 -3
  80. package/dist/PillSelect/PillSelect.styles.js +4 -4
  81. package/dist/Popover/Popover.styles.js +2 -2
  82. package/dist/Portal/Portal.styles.js +1 -1
  83. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  84. package/dist/RadioButton/RadioButton.styles.js +3 -3
  85. package/dist/Required/Required.styles.js +3 -3
  86. package/dist/Search/Search.styles.js +5 -5
  87. package/dist/Section/Section.styles.js +7 -7
  88. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  89. package/dist/Select/Select.styles.js +7 -7
  90. package/dist/Semantic/Semantic.styles.js +9 -9
  91. package/dist/Slider/Slider.js +1 -1
  92. package/dist/Slider/Slider.js.map +1 -1
  93. package/dist/Slider/Slider.styles.js +5 -5
  94. package/dist/Spinner/Spinner.styles.js +7 -7
  95. package/dist/SplitViewCard/SplitViewCard.styles.js +8 -8
  96. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  97. package/dist/SuperSelect/SuperSelect.styles.js +37 -37
  98. package/dist/Switch/Switch.styles.js +4 -4
  99. package/dist/Table/Table.styles.js +28 -28
  100. package/dist/TableShelf/TableShelf.styles.js +5 -5
  101. package/dist/Tabs/Tabs.styles.js +15 -15
  102. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  103. package/dist/TextArea/TextArea.styles.js +1 -1
  104. package/dist/Thumbnail/Thumbnail.styles.js +17 -17
  105. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  106. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  107. package/dist/Tile/Tile.styles.js +8 -8
  108. package/dist/Title/Title.styles.js +7 -7
  109. package/dist/Toast/Toast.styles.js +3 -3
  110. package/dist/ToggleButton/ToggleButton.styles.js +1 -1
  111. package/dist/Token/Token.styles.js +3 -3
  112. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  113. package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
  114. package/dist/Tooltip/Tooltip.styles.js +2 -2
  115. package/dist/Tree/Tree.styles.js +9 -9
  116. package/dist/Typeahead/Typeahead.styles.js +3 -3
  117. package/dist/Typography/Typography.styles.js +1 -1
  118. package/dist/Typography/Typography.table.story.js +2 -2
  119. package/dist/_storyHelpers_/components/Deprecation.styles.js +1 -1
  120. package/dist/_storyHelpers_/components/StoryGrid.js +3 -3
  121. package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json +3 -3
  122. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  123. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +24 -24
  124. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  125. package/dist/_typedoc/Banner/Banner.types.json +13 -13
  126. package/dist/_typedoc/Box/Box.types.json +68 -68
  127. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  128. package/dist/_typedoc/Button/Button.types.json +13 -13
  129. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  130. package/dist/_typedoc/Card/Card.types.json +6 -6
  131. package/dist/_typedoc/Checkbox/Checkbox.types.json +8 -8
  132. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  133. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  134. package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
  135. package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
  136. package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
  137. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +30 -30
  138. package/dist/_typedoc/Dropzone/Dropzone.types.json +44 -44
  139. package/dist/_typedoc/EmptyState/EmptyState.types.json +16 -16
  140. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  141. package/dist/_typedoc/FileSelect/FileSelect.types.json +27 -27
  142. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  143. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  144. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  145. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  146. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  147. package/dist/_typedoc/Form/Form.types.json +798 -754
  148. package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +12 -12
  149. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  150. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
  151. package/dist/_typedoc/Input/Input.types.json +2 -2
  152. package/dist/_typedoc/Link/Link.types.json +1 -1
  153. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  154. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  155. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
  156. package/dist/_typedoc/Modal/Modal.types.json +46 -46
  157. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
  158. package/dist/_typedoc/NextTile/NextTile.types.json +32 -32
  159. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  160. package/dist/_typedoc/NumberInput/NumberInput.types.json +161 -37
  161. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +32 -32
  162. package/dist/_typedoc/PageLayout/PageLayout.types.json +26 -26
  163. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  164. package/dist/_typedoc/Panel/Panel.types.json +30 -30
  165. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  166. package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
  167. package/dist/_typedoc/Popover/Popover.types.json +15 -15
  168. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +7 -7
  169. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  170. package/dist/_typedoc/Required/Required.types.json +5 -5
  171. package/dist/_typedoc/Search/Search.types.json +18 -18
  172. package/dist/_typedoc/Section/Section.types.json +15 -15
  173. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +21 -21
  174. package/dist/_typedoc/Select/Select.types.json +60 -60
  175. package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
  176. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  177. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  178. package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +14 -14
  179. package/dist/_typedoc/Table/Table.types.json +101 -101
  180. package/dist/_typedoc/Tabs/Tabs.types.json +20 -20
  181. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +17 -17
  182. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  183. package/dist/_typedoc/TextEditor/TextEditorDocs.types.json +9 -9
  184. package/dist/_typedoc/TextEditor/TextEditorProvider.types.json +2 -2
  185. package/dist/_typedoc/TextEditorOutput/TextEditorOutputDocs.types.json +3 -3
  186. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  187. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
  188. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
  189. package/dist/_typedoc/Tile/Tile.types.json +8 -8
  190. package/dist/_typedoc/Title/Title.types.json +1 -1
  191. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  192. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
  193. package/dist/_typedoc/Token/Token.types.json +7 -7
  194. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  195. package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +7 -7
  196. package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
  197. package/dist/_typedoc/Tree/Tree.types.json +86 -86
  198. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  199. package/dist/_typedoc/Typography/Typography.types.json +9 -9
  200. package/dist/_typedoc/_utils/types.json +3 -3
  201. package/jestConfig.d.ts +3 -0
  202. package/package.json +9 -4
@@ -21,13 +21,13 @@ var getTrackBackgroundDisabled = function getTrackBackgroundDisabled(percent) {
21
21
  var getThumbDisabledStyles = /*#__PURE__*/css(["cursor:not-allowed;border:2px solid ", ";"], colors.blue85);
22
22
  export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
23
23
  displayName: "StyledContainer",
24
- componentId: "core-12_26_4__sc-12icguw-0"
24
+ componentId: "core-12_26_6__sc-12icguw-0"
25
25
  })(["position:relative;", ";"], function (props) {
26
26
  return props.$showLabel && 'padding-bottom: 10px';
27
27
  });
28
28
  export var StyledSlider = /*#__PURE__*/styled.input.withConfig({
29
29
  displayName: "StyledSlider",
30
- componentId: "core-12_26_4__sc-12icguw-1"
30
+ componentId: "core-12_26_6__sc-12icguw-1"
31
31
  })(["-webkit-appearance:none;margin:0;padding-top:5px;padding-bottom:5px;width:100%;border:1px solid transparent;background-color:transparent;font-size:12px;&:focus{outline:none;", ";padding-top:5px;padding-bottom:5px;border-radius:2px;}&::-webkit-slider-runnable-track{", " ", "}&:disabled::-webkit-slider-runnable-track{cursor:not-allowed;", "}&::-webkit-slider-thumb{", " -webkit-appearance:none;margin-top:-5px;}&:disabled::-webkit-slider-thumb{", "}&::-moz-range-track{", " ", "}&:disabled::-moz-range-track{cursor:not-allowed;", "}&::-moz-range-thumb{", " height:12px;width:12px;}&:disabled::-moz-range-thumb{", "}&::-ms-track{", " height:", "px;color:transparent;", "}&:disabled::-ms-track{cursor:not-allowed;", "}&::-ms-fill-lower{background:", ";border:0px solid ", ";border-radius:2px;box-shadow:1px 1px 1px ", ";}&::-ms-fill-upper{background:", ";border:0px solid ", ";border-radius:2px;box-shadow:1px 1px 1px ", ";}&::-ms-thumb{", "}&:disabled::-ms-thumb{", "}&:focus::-ms-fill-lower{background:", ";}&:focus::-ms-fill-upper{background:", ";}"], function (props) {
32
32
  return props.$isDragging ? "border: 1px solid transparent" : "border: 1px solid ".concat(colors.blue40);
33
33
  }, getTrackStyles, function (props) {
@@ -45,14 +45,14 @@ export var StyledSlider = /*#__PURE__*/styled.input.withConfig({
45
45
  }, colors.blue50, colors.black, colors.black, colors.gray70, colors.black, colors.black, getThumbStyles, getThumbDisabledStyles, colors.blue50, colors.gray70);
46
46
  export var StyledIncrementOverlay = /*#__PURE__*/styled.div.withConfig({
47
47
  displayName: "StyledIncrementOverlay",
48
- componentId: "core-12_26_4__sc-12icguw-2"
48
+ componentId: "core-12_26_6__sc-12icguw-2"
49
49
  })(["position:relative;width:0;&::before{content:'';height:", "px;width:2px;background-color:white;display:block;}z-index:2;"], TRACK_HEIGHT);
50
50
  export var StyledIncrementContainer = /*#__PURE__*/styled.div.withConfig({
51
51
  displayName: "StyledIncrementContainer",
52
- componentId: "core-12_26_4__sc-12icguw-3"
52
+ componentId: "core-12_26_6__sc-12icguw-3"
53
53
  })(["position:absolute;display:flex;justify-content:space-between;top:6px;", " left:5px;right:5px;> :first-child{visibility:hidden;}> :last-child{visibility:hidden;}"], applyStylesOnlyToFF("\n top: 12px;\n "));
54
54
  export var StyledLabel = /*#__PURE__*/styled(Typography).withConfig({
55
55
  displayName: "StyledLabel",
56
- componentId: "core-12_26_4__sc-12icguw-4"
56
+ componentId: "core-12_26_6__sc-12icguw-4"
57
57
  })(["visibility:visible;position:absolute;left:50%;transform:translateX(-50%);margin-top:8px;"]);
58
58
  //# sourceMappingURL=Slider.styles.js.map
@@ -10,7 +10,7 @@ var zOverlay = 2;
10
10
  var dash = /*#__PURE__*/keyframes(["0%{stroke-dasharray:1,150;stroke-dashoffset:0;}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;}100%{stroke-dasharray:90,150;stroke-dashoffset:-124;}"]);
11
11
  export var StyledCircle = /*#__PURE__*/styled.circle.withConfig({
12
12
  displayName: "StyledCircle",
13
- componentId: "core-12_26_4__sc-1igww3-0"
13
+ componentId: "core-12_26_6__sc-1igww3-0"
14
14
  })(["", " stroke-linecap:round;"], function (p) {
15
15
  if (p.$animate) {
16
16
  var animationDelay = -(p.$mountTime % duration);
@@ -51,16 +51,16 @@ function getStrokeColor(_ref2) {
51
51
  }
52
52
  export var StyledSpinnerContainer = /*#__PURE__*/styled.div.withConfig({
53
53
  displayName: "StyledSpinnerContainer",
54
- componentId: "core-12_26_4__sc-1igww3-1"
54
+ componentId: "core-12_26_6__sc-1igww3-1"
55
55
  })(["border-radius:100%;box-sizing:border-box;display:block;flex-shrink:0;position:relative;", " ", "{", "}"], getHeightWidthStroke, StyledCircle, getStrokeColor);
56
56
  export var StyledSpinnerOverlayLabel = /*#__PURE__*/styled.span.withConfig({
57
57
  displayName: "StyledSpinnerOverlayLabel",
58
- componentId: "core-12_26_4__sc-1igww3-2"
58
+ componentId: "core-12_26_6__sc-1igww3-2"
59
59
  })(["", " color:", ";display:block;min-height:20px;padding-top:", "px;text-align:center;transition:opacity ", ";"], getTypographyIntent('body'), colors.gray15, spacing.md, transition);
60
60
  var rotate = /*#__PURE__*/keyframes(["to{transform:rotate(360deg);}"]);
61
61
  export var StyledSpinnerSVG = /*#__PURE__*/styled.svg.withConfig({
62
62
  displayName: "StyledSpinnerSVG",
63
- componentId: "core-12_26_4__sc-1igww3-3"
63
+ componentId: "core-12_26_6__sc-1igww3-3"
64
64
  })(["", " fill:none;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%;z-index:2;"], function (p) {
65
65
  if (p.$animate) {
66
66
  var animationDelay = -(p.$mountTime % (duration - durationOffset));
@@ -70,15 +70,15 @@ export var StyledSpinnerSVG = /*#__PURE__*/styled.svg.withConfig({
70
70
  var startsWithNoInteraction = /*#__PURE__*/css(["opacity:0;pointer-events:none;transition:opacity ", ";"], transition);
71
71
  export var StyledSpinnerOverlay = /*#__PURE__*/styled.div.withConfig({
72
72
  displayName: "StyledSpinnerOverlay",
73
- componentId: "core-12_26_4__sc-1igww3-4"
73
+ componentId: "core-12_26_6__sc-1igww3-4"
74
74
  })(["", ";background-color:", ";bottom:0;left:0;position:absolute;right:0;top:0;z-index:", ";"], startsWithNoInteraction, colors.white, zOverlay);
75
75
  export var StyledSpinnerContainerWithLabel = /*#__PURE__*/styled.div.withConfig({
76
76
  displayName: "StyledSpinnerContainerWithLabel",
77
- componentId: "core-12_26_4__sc-1igww3-5"
77
+ componentId: "core-12_26_6__sc-1igww3-5"
78
78
  })(["", ";align-items:center;display:flex;flex-direction:column;height:100%;max-height:400px;justify-content:center;position:absolute;top:0;width:100%;z-index:", ";"], startsWithNoInteraction, zContainer);
79
79
  export var StyledSpinnerOverlayContainer = /*#__PURE__*/styled.div.withConfig({
80
80
  displayName: "StyledSpinnerOverlayContainer",
81
- componentId: "core-12_26_4__sc-1igww3-6"
81
+ componentId: "core-12_26_6__sc-1igww3-6"
82
82
  })(["min-height:150px;position:relative;", " ", ""], function (_ref3) {
83
83
  var $loading = _ref3.$loading;
84
84
  if ($loading) {
@@ -7,18 +7,18 @@ import { spacing } from '../_styles/spacing';
7
7
  var MIN_CARD_HEIGHT = 364;
8
8
  export var StyledSplitViewCardContainer = /*#__PURE__*/styled.div.withConfig({
9
9
  displayName: "StyledSplitViewCardContainer",
10
- componentId: "core-12_26_4__sc-9hrkda-0"
10
+ componentId: "core-12_26_6__sc-9hrkda-0"
11
11
  })(["display:grid;grid-template-columns:1fr auto;border-radius:", "px;box-shadow:0 0 4px 0 rgba(0,0,0,0.25);min-height:", "px;position:relative;width:100%;@media (max-width:", "){box-shadow:none;display:flex;flex-direction:column;width:100%;}"], spacing.sm, MIN_CARD_HEIGHT, breakpointMinWidthValues.tabletMd);
12
12
  export var StyledSplitViewCardMain = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledSplitViewCardMain",
14
- componentId: "core-12_26_4__sc-9hrkda-1"
14
+ componentId: "core-12_26_6__sc-9hrkda-1"
15
15
  })(["background-color:", ";border-top-left-radius:", "px;border-bottom-left-radius:", "px;position:relative;width:60%;transition:all ease 500ms;@media (max-width:", "){box-shadow:0 0 4px 0 rgba(0,0,0,0.25);border-radius:", "px;margin-bottom:", "px;width:100%;}", ""], colors.white, spacing.sm, spacing.sm, breakpointMinWidthValues.tabletMd, spacing.sm, spacing.sm, function (_ref) {
16
16
  var $open = _ref.$open;
17
17
  return !$open && css(["border-radius:", "px;width:100%;"], spacing.sm);
18
18
  });
19
19
  export var StyledSplitViewCardAside = /*#__PURE__*/styled.div.withConfig({
20
20
  displayName: "StyledSplitViewCardAside",
21
- componentId: "core-12_26_4__sc-9hrkda-2"
21
+ componentId: "core-12_26_6__sc-9hrkda-2"
22
22
  })(["background-color:", ";border-left:1px solid ", ";border-top-right-radius:", "px;border-bottom-right-radius:", "px;display:flex;flex-direction:column;height:100%;width:40%;min-height:", "px;min-width:400px;transition:all ease 500ms;z-index:2;position:absolute;top:0;right:0;@media screen and (max-width:", "px){min-width:unset;}@media (max-width:", "){box-shadow:0 0 4px 0 rgba(0,0,0,0.25);border:none;border-radius:", "px;position:relative;width:100%;}", " ", ""], colors.white, colors.gray85, spacing.sm, spacing.sm, MIN_CARD_HEIGHT, breakpointRawMinWidthValues.tabletSm, breakpointMinWidthValues.tabletMd, spacing.sm, function (_ref2) {
23
23
  var $open = _ref2.$open;
24
24
  return !$open && css(["border:none;border-radius:", "px;overflow:hidden !important;@media (min-width:", "){min-width:0;width:0 !important;}@media (max-width:", "){display:none;}"], spacing.sm, breakpointMinWidthValues.tabletMd, breakpointMinWidthValues.tabletMd);
@@ -28,23 +28,23 @@ export var StyledSplitViewCardAside = /*#__PURE__*/styled.div.withConfig({
28
28
  });
29
29
  export var StyledSplitViewCardHeading = /*#__PURE__*/styled(H2).withConfig({
30
30
  displayName: "StyledSplitViewCardHeading",
31
- componentId: "core-12_26_4__sc-9hrkda-3"
31
+ componentId: "core-12_26_6__sc-9hrkda-3"
32
32
  })(["overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;"]);
33
33
  export var StyledSplitViewCardTitle = /*#__PURE__*/styled.div.withConfig({
34
34
  displayName: "StyledSplitViewCardTitle",
35
- componentId: "core-12_26_4__sc-9hrkda-4"
35
+ componentId: "core-12_26_6__sc-9hrkda-4"
36
36
  })(["display:flex;align-items:center;justify-content:space-between;margin-bottom:", "px;min-height:36px;"], spacing.sm);
37
37
  export var StyledSplitViewCardHeader = /*#__PURE__*/styled.div.withConfig({
38
38
  displayName: "StyledSplitViewCardHeader",
39
- componentId: "core-12_26_4__sc-9hrkda-5"
39
+ componentId: "core-12_26_6__sc-9hrkda-5"
40
40
  })(["border-bottom:1px solid ", ";display:flex;flex-direction:column;padding:", "px ", "px 0;"], colors.gray85, spacing.lg, spacing.lg);
41
41
  export var StyledSplitViewCardBody = /*#__PURE__*/styled.div.withConfig({
42
42
  displayName: "StyledSplitViewCardBody",
43
- componentId: "core-12_26_4__sc-9hrkda-6"
43
+ componentId: "core-12_26_6__sc-9hrkda-6"
44
44
  })(["display:flex;flex-direction:column;flex:1;padding:", "px ", "px 0;overflow-y:auto;&:focus-visible{", "}"], spacing.lg, spacing.lg, getFocusInset());
45
45
  export var StyledSplitViewCardFooter = /*#__PURE__*/styled.div.withConfig({
46
46
  displayName: "StyledSplitViewCardFooter",
47
- componentId: "core-12_26_4__sc-9hrkda-7"
47
+ componentId: "core-12_26_6__sc-9hrkda-7"
48
48
  })(["display:flex;align-items:center;justify-content:flex-end;padding:", "px;", ""], spacing.lg, function (_ref4) {
49
49
  var $hasShadow = _ref4.$hasShadow;
50
50
  return $hasShadow && css(["box-shadow:0 -4px 6px 0 #0000001a;"]);
@@ -3,6 +3,6 @@ import { Popover } from '../Popover';
3
3
  import { spacing } from '../_styles/spacing';
4
4
  export var StyledFilterPresetPopoverContent = /*#__PURE__*/styled(Popover.Content).withConfig({
5
5
  displayName: "StyledFilterPresetPopoverContent",
6
- componentId: "core-12_26_4__sc-y5qv7b-0"
6
+ componentId: "core-12_26_6__sc-y5qv7b-0"
7
7
  })(["padding:", "px ", "px;"], spacing.sm, spacing.lg);
8
8
  //# sourceMappingURL=SuperSelect.presets.styles.js.map
@@ -22,40 +22,40 @@ var styledSelectButtonDefaultWidth = 248;
22
22
  export var extendedSelectMenuWidth = 360;
23
23
  export var PillSelectOptionWrapper = /*#__PURE__*/styled.div.withConfig({
24
24
  displayName: "PillSelectOptionWrapper",
25
- componentId: "core-12_26_4__sc-1uf5708-0"
25
+ componentId: "core-12_26_6__sc-1uf5708-0"
26
26
  })(["display:flex;align-items:center;justify-content:space-between;padding:", "px ", "px;"], spacing.xs, spacing.lg);
27
27
  export var PillSelectLabel = /*#__PURE__*/styled(Pill).withConfig({
28
28
  displayName: "PillSelectLabel",
29
- componentId: "core-12_26_4__sc-1uf5708-1"
29
+ componentId: "core-12_26_6__sc-1uf5708-1"
30
30
  })(["", ""], getEllipsis);
31
31
  export var PillSelectLabelWrapper = /*#__PURE__*/styled.div.withConfig({
32
32
  displayName: "PillSelectLabelWrapper",
33
- componentId: "core-12_26_4__sc-1uf5708-2"
33
+ componentId: "core-12_26_6__sc-1uf5708-2"
34
34
  })(["display:flex;max-width:100%;pointer-events:auto;", ""], function (_ref) {
35
35
  var disabled = _ref.disabled;
36
36
  return disabled && css(["pointer-events:none;"]);
37
37
  });
38
38
  export var StyledCheckboxContainer = /*#__PURE__*/styled.div.withConfig({
39
39
  displayName: "StyledCheckboxContainer",
40
- componentId: "core-12_26_4__sc-1uf5708-3"
40
+ componentId: "core-12_26_6__sc-1uf5708-3"
41
41
  })(["padding-left:", "px;"], spacing.lg);
42
42
  export var StyledCheckmarkContainer = /*#__PURE__*/styled.div.withConfig({
43
43
  displayName: "StyledCheckmarkContainer",
44
- componentId: "core-12_26_4__sc-1uf5708-4"
44
+ componentId: "core-12_26_6__sc-1uf5708-4"
45
45
  })(["align-items:center;color:", ";display:inline-flex;flex-shrink:0;padding:0 ", "px 0 ", "px;"], colors.blue50, spacing.lg, spacing.sm);
46
46
 
47
47
  // Do not merge with StyledMenu, needed for max-height working in IE
48
48
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
49
49
  displayName: "StyledWrapper",
50
- componentId: "core-12_26_4__sc-1uf5708-5"
50
+ componentId: "core-12_26_6__sc-1uf5708-5"
51
51
  })(["display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
52
52
  export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
53
53
  displayName: "StyledMenu",
54
- componentId: "core-12_26_4__sc-1uf5708-6"
54
+ componentId: "core-12_26_6__sc-1uf5708-6"
55
55
  })(["display:flex;flex-direction:column;outline:0;width:100%;"]);
56
56
  export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
57
57
  displayName: "StyledOptions",
58
- componentId: "core-12_26_4__sc-1uf5708-7"
58
+ componentId: "core-12_26_6__sc-1uf5708-7"
59
59
  })(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;overflow:hidden;&:focus{", " margin:-1px;}"], optionMinHeight, function (_ref2) {
60
60
  var _ref2$$scrollable = _ref2.$scrollable,
61
61
  $scrollable = _ref2$$scrollable === void 0 ? true : _ref2$$scrollable;
@@ -63,53 +63,53 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
63
63
  }, spacing.sm, getFocus());
64
64
  export var StyledItemContent = /*#__PURE__*/styled.div.withConfig({
65
65
  displayName: "StyledItemContent",
66
- componentId: "core-12_26_4__sc-1uf5708-8"
66
+ componentId: "core-12_26_6__sc-1uf5708-8"
67
67
  })(["display:flex;flex-direction:row;align-items:center;"]);
68
68
  export var StyledOptionGroupLabel = /*#__PURE__*/styled.div.withConfig({
69
69
  displayName: "StyledOptionGroupLabel",
70
- componentId: "core-12_26_4__sc-1uf5708-9"
70
+ componentId: "core-12_26_6__sc-1uf5708-9"
71
71
  })(["padding:", "px 0 ", "px ", "px;"], spacing.md, spacing.xs, spacing.lg);
72
72
  export var StyledItemLabel = /*#__PURE__*/styled.div.withConfig({
73
73
  displayName: "StyledItemLabel",
74
- componentId: "core-12_26_4__sc-1uf5708-10"
74
+ componentId: "core-12_26_6__sc-1uf5708-10"
75
75
  })(["", ""], function (_ref3) {
76
76
  var $draggable = _ref3.$draggable;
77
77
  return css(["padding:", "px ", "px;overflow-wrap:anywhere;"], spacing.xs, $draggable ? 0 : spacing.lg);
78
78
  });
79
79
  export var StyledDraggableWrapper = /*#__PURE__*/styled.div.withConfig({
80
80
  displayName: "StyledDraggableWrapper",
81
- componentId: "core-12_26_4__sc-1uf5708-11"
81
+ componentId: "core-12_26_6__sc-1uf5708-11"
82
82
  })(["display:flex;width:100%;align-items:center;"]);
83
83
  export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
84
84
  displayName: "StyledGrip",
85
- componentId: "core-12_26_4__sc-1uf5708-12"
85
+ componentId: "core-12_26_6__sc-1uf5708-12"
86
86
  })(["padding:0 2px;height:24px;visibility:hidden;"]);
87
87
  export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
88
88
  displayName: "StyledFooter",
89
- componentId: "core-12_26_4__sc-1uf5708-13"
89
+ componentId: "core-12_26_6__sc-1uf5708-13"
90
90
  })(["border-top:1px solid ", ";"], colors.gray85);
91
91
  export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
92
92
  displayName: "StyledHeader",
93
- componentId: "core-12_26_4__sc-1uf5708-14"
93
+ componentId: "core-12_26_6__sc-1uf5708-14"
94
94
  })([""]);
95
95
  export var StyledEmptyMessage = /*#__PURE__*/styled.div.withConfig({
96
96
  displayName: "StyledEmptyMessage",
97
- componentId: "core-12_26_4__sc-1uf5708-15"
97
+ componentId: "core-12_26_6__sc-1uf5708-15"
98
98
  })(["", ";padding:", "px ", "px;color:", ";"], getTypographyIntent('body'), spacing.md, spacing.lg, colors.gray45);
99
99
  export var StyledSearchContainer = /*#__PURE__*/styled.div.withConfig({
100
100
  displayName: "StyledSearchContainer",
101
- componentId: "core-12_26_4__sc-1uf5708-16"
101
+ componentId: "core-12_26_6__sc-1uf5708-16"
102
102
  })(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
103
103
  export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
104
104
  displayName: "StyledGroup",
105
- componentId: "core-12_26_4__sc-1uf5708-17"
105
+ componentId: "core-12_26_6__sc-1uf5708-17"
106
106
  })(["", " color:", ";cursor:", ";font-weight:", ";padding:", "px ", "px;&:not(:first-child){padding-top:", "px;}&&{padding:0;}", "{padding:", "px ", " px;}&:not(:first-child){", "{padding-top:", " px;}}"], getTypographyIntent('body'), colors.gray15, function (_ref4) {
107
107
  var $clickable = _ref4.$clickable;
108
108
  return $clickable ? 'pointer' : 'default';
109
109
  }, typographyWeights.semibold, spacing.xs, spacing.lg, spacing.md + spacing.xs, StyledOptionGroupLabel, spacing.xs, spacing.lg, StyledOptionGroupLabel, spacing.md + spacing.xs);
110
110
  export var StyledItem = /*#__PURE__*/styled.div.withConfig({
111
111
  displayName: "StyledItem",
112
- componentId: "core-12_26_4__sc-1uf5708-18"
112
+ componentId: "core-12_26_6__sc-1uf5708-18"
113
113
  })(["", ";align-items:center;cursor:pointer;list-style-type:none;display:flex;padding:0;", " ", " ", " a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}", " &:hover,&:active{", "{visibility:visible;}}", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref5) {
114
114
  var $emptyMinHeight = _ref5.$emptyMinHeight;
115
115
  return css(["&:empty{min-height:", "px;}"], $emptyMinHeight);
@@ -147,50 +147,50 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
147
147
  });
148
148
  export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
149
149
  displayName: "StyledDroppable",
150
- componentId: "core-12_26_4__sc-1uf5708-19"
150
+ componentId: "core-12_26_6__sc-1uf5708-19"
151
151
  })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
152
152
  export var StyledSelectMenu = /*#__PURE__*/styled(Card).withConfig({
153
153
  displayName: "StyledSelectMenu",
154
- componentId: "core-12_26_4__sc-1uf5708-20"
154
+ componentId: "core-12_26_6__sc-1uf5708-20"
155
155
  })(["display:flex;max-height:40vh;max-width:", "px;min-width:inherit;"], styledSelectButtonDefaultWidth);
156
156
  export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
157
157
  displayName: "StyledLabel",
158
- componentId: "core-12_26_4__sc-1uf5708-21"
158
+ componentId: "core-12_26_6__sc-1uf5708-21"
159
159
  })(["", " flex-grow:1;margin-right:", "px;outline:none;pointer-events:", ";user-select:none;"], getEllipsis(), spacing.sm, function (_ref10) {
160
160
  var $hoverable = _ref10.$hoverable;
161
161
  return $hoverable ? 'initial' : 'none';
162
162
  });
163
163
  export var StyledIndicators = /*#__PURE__*/styled.div.withConfig({
164
164
  displayName: "StyledIndicators",
165
- componentId: "core-12_26_4__sc-1uf5708-22"
165
+ componentId: "core-12_26_6__sc-1uf5708-22"
166
166
  })(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;min-width:40px;width:40px;"], spacing.xs);
167
167
  export var StyledClearIcon = /*#__PURE__*/styled(Button).withConfig({
168
168
  displayName: "StyledClearIcon",
169
- componentId: "core-12_26_4__sc-1uf5708-23"
169
+ componentId: "core-12_26_6__sc-1uf5708-23"
170
170
  })([""]);
171
171
  export var StyledSpinner = /*#__PURE__*/styled.div.withConfig({
172
172
  displayName: "StyledSpinner",
173
- componentId: "core-12_26_4__sc-1uf5708-24"
173
+ componentId: "core-12_26_6__sc-1uf5708-24"
174
174
  })(["align-items:center;display:flex;flex:0 0 auto;justify-content:center;line-height:0;"]);
175
175
  export var StyledArrowContainer = /*#__PURE__*/styled.div.withConfig({
176
176
  displayName: "StyledArrowContainer",
177
- componentId: "core-12_26_4__sc-1uf5708-25"
177
+ componentId: "core-12_26_6__sc-1uf5708-25"
178
178
  })(["align-items:center;display:inline-flex;height:16px;justify-content:flex-end;margin-left:", "px;width:8px;"], spacing.sm);
179
179
  export var StyledArrow = /*#__PURE__*/styled.span.withConfig({
180
180
  displayName: "StyledArrow",
181
- componentId: "core-12_26_4__sc-1uf5708-26"
181
+ componentId: "core-12_26_6__sc-1uf5708-26"
182
182
  })(["display:inline-flex;svg{fill:", ";}"], colors.gray45);
183
183
  export var StyledArrowOutline = /*#__PURE__*/styled.polygon.withConfig({
184
184
  displayName: "StyledArrowOutline",
185
- componentId: "core-12_26_4__sc-1uf5708-27"
185
+ componentId: "core-12_26_6__sc-1uf5708-27"
186
186
  })([""]);
187
187
  export var StyledArrowFill = /*#__PURE__*/styled.polygon.withConfig({
188
188
  displayName: "StyledArrowFill",
189
- componentId: "core-12_26_4__sc-1uf5708-28"
189
+ componentId: "core-12_26_6__sc-1uf5708-28"
190
190
  })([""]);
191
191
  export var StyledTrigger = /*#__PURE__*/styled.div.withConfig({
192
192
  displayName: "StyledTrigger",
193
- componentId: "core-12_26_4__sc-1uf5708-29"
193
+ componentId: "core-12_26_6__sc-1uf5708-29"
194
194
  })(["", " align-items:center;background-color:", ";border-color:", ";border-radius:", "px;border-style:solid;border-width:1px;color:", ";cursor:pointer;display:inline-flex;height:36px;min-height:36px;outline:none;padding:0 ", "px;position:relative;white-space:nowrap;width:", ";&::placeholder{border-color:", ";}&:hover,&:active,&[data-qa=", "]{background-color:", ";border-color:", ";color:", ";}&:focus,&[data-qa=", "]{", " ", "{stroke:", ";}}", " ", " ", " ", " ", " ", " ", "}"], getTypographyIntent('body'), colors.white, colors.gray70, borderRadius.md, colors.gray15, spacing.md, function (_ref11) {
195
195
  var $block = _ref11.$block;
196
196
  return $block ? '100%' : "".concat(styledSelectButtonDefaultWidth, "px");
@@ -225,31 +225,31 @@ export var StyledTrigger = /*#__PURE__*/styled.div.withConfig({
225
225
  });
226
226
  export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
227
227
  displayName: "StyledOverlay",
228
- componentId: "core-12_26_4__sc-1uf5708-30"
228
+ componentId: "core-12_26_6__sc-1uf5708-30"
229
229
  })(["display:flex;flex-direction:column;"]);
230
230
  export var StyledVirtuoso = /*#__PURE__*/styled(Virtuoso).withConfig({
231
231
  displayName: "StyledVirtuoso",
232
- componentId: "core-12_26_4__sc-1uf5708-31"
232
+ componentId: "core-12_26_6__sc-1uf5708-31"
233
233
  })(["flex:1 1 auto;"]);
234
234
  export var StyledEllipses = /*#__PURE__*/styled.div.withConfig({
235
235
  displayName: "StyledEllipses",
236
- componentId: "core-12_26_4__sc-1uf5708-32"
236
+ componentId: "core-12_26_6__sc-1uf5708-32"
237
237
  })(["", " display:inline-flex;> div{display:inline-flex;width:100%;}"], getEllipsis());
238
238
  export var StyledMultiValueContainer = /*#__PURE__*/styled.div.withConfig({
239
239
  displayName: "StyledMultiValueContainer",
240
- componentId: "core-12_26_4__sc-1uf5708-33"
240
+ componentId: "core-12_26_6__sc-1uf5708-33"
241
241
  })(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.xs);
242
242
  export var StyledMultiValue = /*#__PURE__*/styled.div.withConfig({
243
243
  displayName: "StyledMultiValue",
244
- componentId: "core-12_26_4__sc-1uf5708-34"
244
+ componentId: "core-12_26_6__sc-1uf5708-34"
245
245
  })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
246
246
  export var StyledMultiInputContainer = /*#__PURE__*/styled.div.withConfig({
247
247
  displayName: "StyledMultiInputContainer",
248
- componentId: "core-12_26_4__sc-1uf5708-35"
248
+ componentId: "core-12_26_6__sc-1uf5708-35"
249
249
  })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
250
250
  export var StyledMultiInput = /*#__PURE__*/styled.input.withConfig({
251
251
  displayName: "StyledMultiInput",
252
- componentId: "core-12_26_4__sc-1uf5708-36"
252
+ componentId: "core-12_26_6__sc-1uf5708-36"
253
253
  })(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref19) {
254
254
  var $isNavigatingTokens = _ref19.$isNavigatingTokens;
255
255
  return $isNavigatingTokens && css(["color:transparent;"]);
@@ -8,19 +8,19 @@ var trackWidth = 36;
8
8
  var toggleSize = 16;
9
9
  export var StyledTrack = /*#__PURE__*/styled.div.withConfig({
10
10
  displayName: "StyledTrack",
11
- componentId: "core-12_26_4__sc-mwn4kg-0"
11
+ componentId: "core-12_26_6__sc-mwn4kg-0"
12
12
  })(["background-color:", ";border-radius:", "px;height:", "px;width:", "px;position:relative;transition:0.2s;"], colors.gray70, trackHeight, trackHeight, trackWidth);
13
13
  export var StyledToggle = /*#__PURE__*/styled.span.withConfig({
14
14
  displayName: "StyledToggle",
15
- componentId: "core-12_26_4__sc-mwn4kg-1"
15
+ componentId: "core-12_26_6__sc-mwn4kg-1"
16
16
  })(["background-color:", ";border-radius:50%;bottom:2px;height:", "px;left:2px;position:absolute;transition:all 0.2s;width:", "px;"], colors.white, toggleSize, toggleSize);
17
17
  export var StyledSwitchLabel = /*#__PURE__*/styled.span.withConfig({
18
18
  displayName: "StyledSwitchLabel",
19
- componentId: "core-12_26_4__sc-mwn4kg-2"
19
+ componentId: "core-12_26_6__sc-mwn4kg-2"
20
20
  })(["", " padding-left:", "px;user-select:none;"], getTypographyIntent('body'), spacing.md);
21
21
  export var StyledSwitchContainer = /*#__PURE__*/styled.label.withConfig({
22
22
  displayName: "StyledSwitchContainer",
23
- componentId: "core-12_26_4__sc-mwn4kg-3"
23
+ componentId: "core-12_26_6__sc-mwn4kg-3"
24
24
  })(["cursor:pointer;display:grid;grid-template-columns:", "px 1fr;position:relative;& + &{margin-top:", "px;}", " ", " ", ""], trackWidth, spacing.md, function (_ref) {
25
25
  var $checked = _ref.$checked;
26
26
  return $checked && css(["", "{background-color:", ";", "{transform:translateX(", "px);}}"], StyledTrack, colors.blue50, StyledToggle, spacing.lg);
@@ -47,26 +47,26 @@ var tableCellInputErrorBorder = "1px solid ".concat(colors.red50);
47
47
  var tableRowBorderBottom = /*#__PURE__*/css(["border-bottom:", ";&:last-child{border-bottom:0;}"], tableBorder);
48
48
  export var StyledTableHeaderCellSortableContainer = /*#__PURE__*/styled.div.withConfig({
49
49
  displayName: "StyledTableHeaderCellSortableContainer",
50
- componentId: "core-12_26_4__sc-9c7xd-0"
50
+ componentId: "core-12_26_6__sc-9c7xd-0"
51
51
  })([""]);
52
52
  export var StyledTableHeaderCellLabel = /*#__PURE__*/styled.div.withConfig({
53
53
  displayName: "StyledTableHeaderCellLabel",
54
- componentId: "core-12_26_4__sc-9c7xd-1"
54
+ componentId: "core-12_26_6__sc-9c7xd-1"
55
55
  })(["display:inline-block;flex:1 1 auto;position:relative;"]);
56
56
  export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
57
57
  displayName: "StyledCheckbox",
58
- componentId: "core-12_26_4__sc-9c7xd-2"
58
+ componentId: "core-12_26_6__sc-9c7xd-2"
59
59
  })([""]);
60
60
  export var StyledTableBodyCell = /*#__PURE__*/styled.td.withConfig({
61
61
  displayName: "StyledTableBodyCell",
62
- componentId: "core-12_26_4__sc-9c7xd-3"
62
+ componentId: "core-12_26_6__sc-9c7xd-3"
63
63
  })(["position:relative;vertical-align:middle;", ""], function (_ref) {
64
64
  var $snugfit = _ref.$snugfit;
65
65
  return $snugfit && css(["white-space:nowrap;width:0.1%;"]);
66
66
  });
67
67
  export var StyledTableHeaderCell = /*#__PURE__*/styled.th.withConfig({
68
68
  displayName: "StyledTableHeaderCell",
69
- componentId: "core-12_26_4__sc-9c7xd-4"
69
+ componentId: "core-12_26_6__sc-9c7xd-4"
70
70
  })(["", " 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;}", "{", "{min-height:14px;}}", " ", " ", " ", " ", ""], getTypographyIntent('small'), tableHeaderFontWeight, tableHeaderBorderRight, tableHeaderFontColor, tableHeaderHeight, tableHeaderPadding, StyledTableHeaderCellSortableContainer, StyledTableHeaderCellSortableContainer, StyledTableHeaderCellLabel, function (_ref2) {
71
71
  var $sortable = _ref2.$sortable;
72
72
  return $sortable && css(["cursor:pointer;padding:", "px;", ",", "{color:", ";opacity:0;transition:all 0.15s ease-in-out;position:absolute;}::before,::after{font-size:16px;}&:hover{background-color:", ";", "{color:", ";}}"], spacing.lg, StyledTableHeaderCellSortIconAsc, StyledTableHeaderCellSortIconDesc, tableSortFontColor, tableHeaderBgColorHover, StyledTableHeaderCellSortIconAsc, tableSortFontColorHover);
@@ -85,27 +85,27 @@ export var StyledTableHeaderCell = /*#__PURE__*/styled.th.withConfig({
85
85
  });
86
86
  export var StyledTableHeaderCellIconWrapper = /*#__PURE__*/styled.div.withConfig({
87
87
  displayName: "StyledTableHeaderCellIconWrapper",
88
- componentId: "core-12_26_4__sc-9c7xd-5"
88
+ componentId: "core-12_26_6__sc-9c7xd-5"
89
89
  })(["height:20px;line-height:20px;padding:0 ", "px 0 ", "px;width:20px;"], spacing.lg, spacing.sm);
90
90
  export var StyledTableHeaderCellSortIconAsc = /*#__PURE__*/styled(CaretUp).withConfig({
91
91
  displayName: "StyledTableHeaderCellSortIconAsc",
92
- componentId: "core-12_26_4__sc-9c7xd-6"
92
+ componentId: "core-12_26_6__sc-9c7xd-6"
93
93
  })(["margin-top:-", "px;"], spacing.sm);
94
94
  export var StyledTableHeaderCellSortIconDesc = /*#__PURE__*/styled(CaretDown).withConfig({
95
95
  displayName: "StyledTableHeaderCellSortIconDesc",
96
- componentId: "core-12_26_4__sc-9c7xd-7"
96
+ componentId: "core-12_26_6__sc-9c7xd-7"
97
97
  })([""]);
98
98
  export var StyledHead = /*#__PURE__*/styled.thead.withConfig({
99
99
  displayName: "StyledHead",
100
- componentId: "core-12_26_4__sc-9c7xd-8"
100
+ componentId: "core-12_26_6__sc-9c7xd-8"
101
101
  })(["background-color:", ";transition:background-color 0.2s ease-in-out;", " &:hover{", "{", ",", "{&::after,&::before{opacity:1;}}}}"], tableHeaderBgColor, tableRowBorderBottom, StyledTableHeaderCell, StyledTableHeaderCellSortIconAsc, StyledTableHeaderCellSortIconDesc);
102
102
  export var StyledCaratWrapper = /*#__PURE__*/styled.div.withConfig({
103
103
  displayName: "StyledCaratWrapper",
104
- componentId: "core-12_26_4__sc-9c7xd-9"
104
+ componentId: "core-12_26_6__sc-9c7xd-9"
105
105
  })(["font-size:16px;color:", ";padding-right:", "px;transition:all 0.2s ease-in-out;& + ", "{margin:0 ", "px;}"], colors.gray70, spacing.xs, StyledCheckbox, spacing.xs);
106
106
  export var StyledCarat = /*#__PURE__*/styled(ChevronRight).withConfig({
107
107
  displayName: "StyledCarat",
108
- componentId: "core-12_26_4__sc-9c7xd-10"
108
+ componentId: "core-12_26_6__sc-9c7xd-10"
109
109
  })(["", ""], function (_ref7) {
110
110
  var $expanded = _ref7.$expanded;
111
111
  return $expanded && css(["transform:rotate(90deg);"]);
@@ -113,7 +113,7 @@ export var StyledCarat = /*#__PURE__*/styled(ChevronRight).withConfig({
113
113
  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);
114
114
  export var StyledTableCellSelect = /*#__PURE__*/styled(Select).withConfig({
115
115
  displayName: "StyledTableCellSelect",
116
- componentId: "core-12_26_4__sc-9c7xd-11"
116
+ componentId: "core-12_26_6__sc-9c7xd-11"
117
117
  })(["", ";background-color:transparent;border-color:transparent;height:auto;&:hover{background-color:transparent;}&:active:hover{border-color:", ";}&:focus{background-color:", ";cursor:pointer;", " ", "{white-space:nowrap;}", "{opacity:1;pointer-events:all;}", " ", "}", "{white-space:normal;}", ",", "{opacity:0;pointer-events:none;}", " ", ""], cellInputCSS, colors.gray85, colors.white, getFocus(), StyledSelectButtonLabel, StyledSelectArrow, function (_ref8) {
118
118
  var $hasClearIcon = _ref8.$hasClearIcon;
119
119
  return $hasClearIcon && css(["", "{opacity:1;pointer-events:all;}"], StyledSelectClearIcon);
@@ -131,25 +131,25 @@ export var StyledTableCellSelect = /*#__PURE__*/styled(Select).withConfig({
131
131
  });
132
132
  export var StyledTableCellInput = /*#__PURE__*/styled(Input).withConfig({
133
133
  displayName: "StyledTableCellInput",
134
- componentId: "core-12_26_4__sc-9c7xd-12"
134
+ componentId: "core-12_26_6__sc-9c7xd-12"
135
135
  })(["", ""], cellInputCSS);
136
136
  export var StyledTableCellDateInput = /*#__PURE__*/styled(DateSelect).withConfig({
137
137
  displayName: "StyledTableCellDateInput",
138
- componentId: "core-12_26_4__sc-9c7xd-13"
138
+ componentId: "core-12_26_6__sc-9c7xd-13"
139
139
  })(["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) {
140
140
  var error = _ref10.error;
141
141
  return error && css(["border-color:", ";"], colors.red50);
142
142
  }, StyledDateInputIconContainer, StyledDateInputDelimiter, StyledDateInputSegment, StyledDateInputIconContainer, StyledDateInputDelimiter, StyledDateInputSegment);
143
143
  export var StyledTableCellTextArea = /*#__PURE__*/styled(TextArea).withConfig({
144
144
  displayName: "StyledTableCellTextArea",
145
- componentId: "core-12_26_4__sc-9c7xd-14"
145
+ componentId: "core-12_26_6__sc-9c7xd-14"
146
146
  })(["", " &&{height:", "px;min-height:", "px;overflow:hidden;padding-top:", "px;resize:none;width:100%;", "}"], cellInputCSS, spacing.xxl, spacing.xxl, spacing.xs, function (_ref11) {
147
147
  var $resizable = _ref11.$resizable;
148
148
  return $resizable && css(["&:focus{min-height:64px;overflow:auto;resize:vertical;}"]);
149
149
  });
150
150
  export var StyledTableCellText = /*#__PURE__*/styled.div.withConfig({
151
151
  displayName: "StyledTableCellText",
152
- componentId: "core-12_26_4__sc-9c7xd-15"
152
+ componentId: "core-12_26_6__sc-9c7xd-15"
153
153
  })(["margin:", "px;display:flex;color:", ";", ""], spacing.lg, tableCellTextColor, function (_ref12) {
154
154
  var $percent = _ref12.$percent,
155
155
  $currency = _ref12.$currency;
@@ -157,15 +157,15 @@ export var StyledTableCellText = /*#__PURE__*/styled.div.withConfig({
157
157
  });
158
158
  export var StyledIconCell = /*#__PURE__*/styled.div.withConfig({
159
159
  displayName: "StyledIconCell",
160
- componentId: "core-12_26_4__sc-9c7xd-16"
160
+ componentId: "core-12_26_6__sc-9c7xd-16"
161
161
  })(["display:flex;color:", ";"], tableCellIconColor);
162
162
  export var StyledSelectCellWrapper = /*#__PURE__*/styled.div.withConfig({
163
163
  displayName: "StyledSelectCellWrapper",
164
- componentId: "core-12_26_4__sc-9c7xd-17"
164
+ componentId: "core-12_26_6__sc-9c7xd-17"
165
165
  })(["display:flex;flex-direction:column;"]);
166
166
  export var StyledTableInlineEditErrorBox = /*#__PURE__*/styled.div.withConfig({
167
167
  displayName: "StyledTableInlineEditErrorBox",
168
- componentId: "core-12_26_4__sc-9c7xd-18"
168
+ componentId: "core-12_26_6__sc-9c7xd-18"
169
169
  })(["", " 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 (_ref13) {
170
170
  var $size = _ref13.$size;
171
171
  var sizes = {
@@ -183,7 +183,7 @@ export var StyledTableInlineEditErrorBox = /*#__PURE__*/styled.div.withConfig({
183
183
  });
184
184
  export var StyledTableInlineEditContainer = /*#__PURE__*/styled.div.withConfig({
185
185
  displayName: "StyledTableInlineEditContainer",
186
- componentId: "core-12_26_4__sc-9c7xd-19"
186
+ componentId: "core-12_26_6__sc-9c7xd-19"
187
187
  })(["background-color:", ";margin:", "px ", "px;position:relative;", " ", ""], tableBgColor, spacing.sm, spacing.xs, function (_ref14) {
188
188
  var $error = _ref14.$error;
189
189
  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);
@@ -207,26 +207,26 @@ export var StyledTableInlineEditContainer = /*#__PURE__*/styled.div.withConfig({
207
207
  });
208
208
  export var StyledTableBodyRow = /*#__PURE__*/styled.tr.withConfig({
209
209
  displayName: "StyledTableBodyRow",
210
- componentId: "core-12_26_4__sc-9c7xd-20"
210
+ componentId: "core-12_26_6__sc-9c7xd-20"
211
211
  })(["", " ", " &: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 (_ref16) {
212
212
  var $overdue = _ref16.$overdue;
213
213
  return $overdue && css(["", ",", ",", ",", ",", "{color:", ";}"], StyledTableCellText, StyledTableCellSelect, StyledTableCellInput, StyledTableCellDateInput, StyledTableCellTextArea, colors.red50);
214
214
  }, StyledTableInlineEditContainer, tableCellInputRowHoverBgColor, StyledTableInlineEditContainer, tableCellInputErrorBgColor, StyledTableInlineEditContainer, tableCellInputRowHoverBgColor, tableCellInputHoverBgColor, StyledTableInlineEditContainer, tableCellInputErrorBgColor, tableCellInputErrorBgColor, StyledTableCellInput, StyledTableCellSelect, StyledTableCellTextArea, tableCellInputErrorBorder, tableCellInputFocusBorder);
215
215
  export var StyledTableGroupRowContent = /*#__PURE__*/styled.div.withConfig({
216
216
  displayName: "StyledTableGroupRowContent",
217
- componentId: "core-12_26_4__sc-9c7xd-21"
217
+ componentId: "core-12_26_6__sc-9c7xd-21"
218
218
  })([""]);
219
219
  export var StyledTableGroupRowHeader = /*#__PURE__*/styled.div.withConfig({
220
220
  displayName: "StyledTableGroupRowHeader",
221
- componentId: "core-12_26_4__sc-9c7xd-22"
221
+ componentId: "core-12_26_6__sc-9c7xd-22"
222
222
  })([""]);
223
223
  export var StyledTableGroupRowTitle = /*#__PURE__*/styled.span.withConfig({
224
224
  displayName: "StyledTableGroupRowTitle",
225
- componentId: "core-12_26_4__sc-9c7xd-23"
225
+ componentId: "core-12_26_6__sc-9c7xd-23"
226
226
  })([""]);
227
227
  export var StyledTableGroupRow = /*#__PURE__*/styled.tr.withConfig({
228
228
  displayName: "StyledTableGroupRow",
229
- componentId: "core-12_26_4__sc-9c7xd-24"
229
+ componentId: "core-12_26_6__sc-9c7xd-24"
230
230
  })(["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 (_ref17) {
231
231
  var $depth = _ref17.$depth;
232
232
  if (typeof $depth !== 'number') {
@@ -236,7 +236,7 @@ export var StyledTableGroupRow = /*#__PURE__*/styled.tr.withConfig({
236
236
  });
237
237
  export var StyledTableWrapper = /*#__PURE__*/styled(Card).withConfig({
238
238
  displayName: "StyledTableWrapper",
239
- componentId: "core-12_26_4__sc-9c7xd-25"
239
+ componentId: "core-12_26_6__sc-9c7xd-25"
240
240
  })(["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 (_ref18) {
241
241
  var $withShelf = _ref18.$withShelf;
242
242
  return $withShelf && css(["position:relative;height:100%;"]);
@@ -245,7 +245,7 @@ var BodyRow = StyledTableBodyRow;
245
245
  var GroupRow = StyledTableGroupRow;
246
246
  export var StyledTable = /*#__PURE__*/styled.table.withConfig({
247
247
  displayName: "StyledTable",
248
- componentId: "core-12_26_4__sc-9c7xd-26"
248
+ componentId: "core-12_26_6__sc-9c7xd-26"
249
249
  })(["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 (_ref19) {
250
250
  var $fixed = _ref19.$fixed;
251
251
  return $fixed && css(["table-layout:fixed;"]);
@@ -255,6 +255,6 @@ export var StyledTable = /*#__PURE__*/styled.table.withConfig({
255
255
  }, 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);
256
256
  export var StyledLoadingContainer = /*#__PURE__*/styled.div.withConfig({
257
257
  displayName: "StyledLoadingContainer",
258
- componentId: "core-12_26_4__sc-9c7xd-27"
258
+ componentId: "core-12_26_6__sc-9c7xd-27"
259
259
  })(["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);
260
260
  //# sourceMappingURL=Table.styles.js.map