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