@procore/core-react 11.25.2 → 11.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Avatar/Avatar.styles.js +5 -5
- package/dist/AvatarStack/AvatarStack.styles.js +7 -7
- package/dist/Badge/Badge.styles.js +2 -2
- package/dist/Banner/Banner.d.ts +8 -0
- package/dist/Banner/Banner.js +13 -2
- package/dist/Banner/Banner.js.map +1 -1
- package/dist/Banner/Banner.styles.js +16 -11
- package/dist/Banner/Banner.styles.js.map +1 -1
- package/dist/Banner/Banner.types.d.ts +4 -2
- package/dist/Banner/Banner.types.js.map +1 -1
- package/dist/Banner/index.d.ts +1 -1
- package/dist/Banner/index.js +1 -1
- package/dist/Banner/index.js.map +1 -1
- 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 +8 -8
- package/dist/Card/Card.styles.js +1 -1
- package/dist/Checkbox/Checkbox.styles.js +6 -6
- 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 +10 -10
- package/dist/DetailPage/DetailPage.styles.js.map +1 -1
- package/dist/DetailPage/examples/TableExample.d.ts +2 -0
- package/dist/DetailPage/examples/TableExample.js +141 -0
- package/dist/DetailPage/examples/TableExample.js.map +1 -0
- 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.styles.js +4 -4
- 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 +4 -4
- package/dist/FilterToken/FilterToken.styles.js +2 -2
- package/dist/FlexList/FlexList.styles.js +1 -1
- package/dist/Form/Form.styles.js +16 -16
- 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 +2 -2
- package/dist/Link/Link.styles.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 +10 -10
- package/dist/Modal/Modal.styles.js +13 -13
- package/dist/MultiSelect/MultiSelect.styles.js +6 -6
- package/dist/NextMenu/NextMenu.styles.js +3 -3
- 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 +14 -14
- package/dist/PageLayout/PageLayout.styles.js.map +1 -1
- package/dist/Pagination/Pagination.styles.js +5 -5
- package/dist/Panel/Panel.styles.js +11 -11
- package/dist/Pill/Pill.styles.js +2 -2
- package/dist/PillSelect/PillSelect.styles.js +4 -4
- package/dist/Popover/Popover.styles.js +2 -2
- 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.d.ts +1 -1
- package/dist/Section/Section.styles.js +6 -6
- package/dist/SegmentedController/SegmentedController.styles.js +4 -4
- package/dist/Select/Select.styles.js +7 -7
- package/dist/Semantic/Semantic.styles.js +9 -9
- package/dist/Sidebar/Sidebar.styles.js +7 -7
- package/dist/Slider/Slider.styles.js +5 -5
- package/dist/Spinner/Spinner.styles.js +7 -7
- package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
- package/dist/SuperSelect/SuperSelect.styles.js +37 -37
- package/dist/Switch/Switch.styles.js +4 -4
- package/dist/Table/Table.styles.js +28 -28
- package/dist/TableShelf/TableShelf.styles.js +5 -5
- package/dist/Tabs/Tabs.styles.js +8 -8
- 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 +17 -17
- package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
- package/dist/TieredSelect/TieredSelect.js +6 -1
- package/dist/TieredSelect/TieredSelect.js.map +1 -1
- package/dist/TieredSelect/TieredSelect.styles.js +9 -9
- package/dist/Tile/Tile.styles.js +8 -8
- package/dist/Title/Title.d.ts +2 -2
- package/dist/Title/Title.js.map +1 -1
- package/dist/Title/Title.styles.d.ts +2 -1
- package/dist/Title/Title.styles.js +13 -10
- package/dist/Title/Title.styles.js.map +1 -1
- package/dist/Title/Title.types.d.ts +7 -0
- package/dist/Title/Title.types.js.map +1 -1
- package/dist/Toast/Toast.styles.js +3 -3
- package/dist/ToggleButton/ToggleButton.styles.js +1 -1
- package/dist/Token/Token.styles.js +3 -3
- package/dist/ToolHeader/ToolHeader.styles.js +6 -6
- package/dist/Tooltip/Tooltip.styles.js +2 -2
- package/dist/Tree/Tree.styles.js +9 -9
- 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/_hooks/ScrollLock.js +11 -0
- package/dist/_hooks/ScrollLock.js.map +1 -1
- package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +23 -23
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +16 -16
- 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 +11 -11
- 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 +9 -9
- 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 +13 -13
- package/dist/_typedoc/DetailPage/DetailPage.types.json +4 -4
- package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
- package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +29 -29
- package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
- package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
- package/dist/_typedoc/FileList/FileList.types.json +9 -9
- package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
- 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 +726 -726
- package/dist/_typedoc/Grid/Grid.types.json +8 -8
- package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
- package/dist/_typedoc/Input/Input.types.json +2 -2
- package/dist/_typedoc/Link/Link.types.json +4 -4
- 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 +74 -74
- package/dist/_typedoc/Modal/Modal.types.json +41 -41
- package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
- package/dist/_typedoc/Notation/Notation.types.json +4 -4
- package/dist/_typedoc/NumberInput/NumberInput.types.json +38 -38
- package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +31 -31
- package/dist/_typedoc/PageLayout/PageLayout.types.json +22 -22
- package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
- package/dist/_typedoc/Panel/Panel.types.json +27 -27
- package/dist/_typedoc/Pill/Pill.types.json +2 -2
- package/dist/_typedoc/PillSelect/PillSelect.types.json +47 -47
- package/dist/_typedoc/Popover/Popover.types.json +14 -14
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +6 -6
- 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 +14 -14
- package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
- package/dist/_typedoc/Select/Select.types.json +57 -57
- package/dist/_typedoc/Slider/Slider.types.json +6 -6
- package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
- package/dist/_typedoc/Switch/Switch.types.json +3 -3
- package/dist/_typedoc/Table/Table.types.json +97 -97
- package/dist/_typedoc/Tabs/Tabs.types.json +17 -17
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +16 -16
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditor.types.json +9 -9
- 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 +42 -42
- package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
- package/dist/_typedoc/Tile/Tile.types.json +30 -30
- package/dist/_typedoc/Title/Title.types.json +23 -0
- package/dist/_typedoc/Toast/Toast.types.json +4 -4
- package/dist/_typedoc/ToggleButton/ToggleButton.types.json +3 -3
- package/dist/_typedoc/Token/Token.types.json +4 -4
- package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
- package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
- package/dist/_typedoc/Tree/Tree.types.json +86 -86
- package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
- package/dist/_typedoc/Typography/Typography.types.json +8 -8
- package/dist/_typedoc/_utils/types.json +3 -3
- 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 +12 -9
|
@@ -9,7 +9,7 @@ export var dataQa = {
|
|
|
9
9
|
export var checkboxSize = 20;
|
|
10
10
|
export var StyledCheckboxContainer = /*#__PURE__*/styled.div.withConfig({
|
|
11
11
|
displayName: "StyledCheckboxContainer",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-11_26_0__sc-u63tye-0"
|
|
13
13
|
})(["color:", ";display:block;position:relative;& + &{margin-top:", "px;}"], colors.gray15, spacing.md);
|
|
14
14
|
function StyledIndeterminate() {
|
|
15
15
|
return css(["background-color:", ";content:'';height:2px;left:5px;position:absolute;top:9px;width:10px;border:none;"], colors.white);
|
|
@@ -48,18 +48,18 @@ function StyledFakeIndeterminate() {
|
|
|
48
48
|
}
|
|
49
49
|
export var StyledCheckboxLabelWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
50
50
|
displayName: "StyledCheckboxLabelWrapper",
|
|
51
|
-
componentId: "core-
|
|
51
|
+
componentId: "core-11_26_0__sc-u63tye-1"
|
|
52
52
|
})(["padding-left:", "px;min-height:", "px;position:relative;", ""], function (_ref) {
|
|
53
53
|
var $hasLabel = _ref.$hasLabel;
|
|
54
54
|
return $hasLabel ? checkboxSize + spacing.md : checkboxSize;
|
|
55
55
|
}, checkboxSize, getTypographyIntent('body'));
|
|
56
56
|
export var StyledCheckboxLabel = /*#__PURE__*/styled.label.withConfig({
|
|
57
57
|
displayName: "StyledCheckboxLabel",
|
|
58
|
-
componentId: "core-
|
|
58
|
+
componentId: "core-11_26_0__sc-u63tye-2"
|
|
59
59
|
})(["user-select:none;&:before{background-color:", ";border-radius:2px;border:2px solid ", ";content:'';display:inline-block;height:", "px;width:", "px;min-width:", "px;top:0;left:0;position:absolute;}"], colors.white, colors.gray70, checkboxSize, checkboxSize, checkboxSize);
|
|
60
60
|
export var StyledCheckboxInput = /*#__PURE__*/styled.input.withConfig({
|
|
61
61
|
displayName: "StyledCheckboxInput",
|
|
62
|
-
componentId: "core-
|
|
62
|
+
componentId: "core-11_26_0__sc-u63tye-3"
|
|
63
63
|
})(["left:0;opacity:0;position:absolute;top:0;&:disabled:checked + ", " > ", ":before{background-color:", ";border-color:", ";}&:disabled + ", " > ", ":before{background-color:", ";border-color:", ";}", " &:checked + ", " > ", "{&:before{background-color:", ";border-color:", ";color:", ";}&:after{", "}}&:focus:not(:disabled),&[data-qa=", "]:not(:disabled){+ ", " > ", ":before{", "}}", ""], StyledCheckboxLabelWrapper, StyledCheckboxLabel, colors.blue85, colors.blue85, StyledCheckboxLabelWrapper, StyledCheckboxLabel, function (_ref2) {
|
|
64
64
|
var $indeterminate = _ref2.$indeterminate;
|
|
65
65
|
return $indeterminate ? colors.gray85 : colors.white;
|
|
@@ -83,7 +83,7 @@ export var StyledCheckboxInput = /*#__PURE__*/styled.input.withConfig({
|
|
|
83
83
|
});
|
|
84
84
|
export var StyledFakeCheckboxLabel = /*#__PURE__*/styled.span.withConfig({
|
|
85
85
|
displayName: "StyledFakeCheckboxLabel",
|
|
86
|
-
componentId: "core-
|
|
86
|
+
componentId: "core-11_26_0__sc-u63tye-4"
|
|
87
87
|
})(["", " display:block;min-height:", "px;padding-left:", "px;position:relative;user-select:none;cursor:pointer;", ""], getTypographyIntent('body'), checkboxSize, function (_ref7) {
|
|
88
88
|
var children = _ref7.children;
|
|
89
89
|
return children ? checkboxSize + spacing.md : checkboxSize;
|
|
@@ -99,7 +99,7 @@ export var StyledFakeCheckboxLabel = /*#__PURE__*/styled.span.withConfig({
|
|
|
99
99
|
});
|
|
100
100
|
export var StyledFakeCheckboxInput = /*#__PURE__*/styled.div.withConfig({
|
|
101
101
|
displayName: "StyledFakeCheckboxInput",
|
|
102
|
-
componentId: "core-
|
|
102
|
+
componentId: "core-11_26_0__sc-u63tye-5"
|
|
103
103
|
})(["width:", "px;height:", "px;border-radius:2px;border:2px solid ", ";position:absolute;", " ", " ", " ", ""], checkboxSize, checkboxSize, colors.gray70, function (_ref9) {
|
|
104
104
|
var $checked = _ref9.$checked,
|
|
105
105
|
$disabled = _ref9.$disabled,
|
|
@@ -7,23 +7,23 @@ import { getLineClamp } from '../_styles/mixins';
|
|
|
7
7
|
import { spacing } from '../_styles/spacing';
|
|
8
8
|
export var ContactItemAvatarWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
9
9
|
displayName: "ContactItemAvatarWrapper",
|
|
10
|
-
componentId: "core-
|
|
10
|
+
componentId: "core-11_26_0__sc-1c4z9pn-0"
|
|
11
11
|
})(["display:inline-flex;align-self:flex-start;"]);
|
|
12
12
|
export var ContactItemAvatar = /*#__PURE__*/styled(Avatar).withConfig({
|
|
13
13
|
displayName: "ContactItemAvatar",
|
|
14
|
-
componentId: "core-
|
|
14
|
+
componentId: "core-11_26_0__sc-1c4z9pn-1"
|
|
15
15
|
})(["cursor:inherit;font-weight:", ";"], typographyWeights.bold);
|
|
16
16
|
export var ContactItemTextWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
17
17
|
displayName: "ContactItemTextWrapper",
|
|
18
|
-
componentId: "core-
|
|
18
|
+
componentId: "core-11_26_0__sc-1c4z9pn-2"
|
|
19
19
|
})(["overflow:hidden;margin-left:", "px;"], spacing.sm);
|
|
20
20
|
export var ContactItemText = /*#__PURE__*/styled(Typography).withConfig({
|
|
21
21
|
displayName: "ContactItemText",
|
|
22
|
-
componentId: "core-
|
|
22
|
+
componentId: "core-11_26_0__sc-1c4z9pn-3"
|
|
23
23
|
})(["display:flex;", ""], getLineClamp());
|
|
24
24
|
export var ContactItemWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
25
25
|
displayName: "ContactItemWrapper",
|
|
26
|
-
componentId: "core-
|
|
26
|
+
componentId: "core-11_26_0__sc-1c4z9pn-4"
|
|
27
27
|
})(["display:flex;flex-direction:row;align-items:center;padding:", "px ", "px ", "px ", "px;", " ", " ", ""], spacing.sm, spacing.lg, spacing.sm, spacing.sm, function (_ref) {
|
|
28
28
|
var $disabled = _ref.$disabled,
|
|
29
29
|
$clickable = _ref.$clickable;
|
|
@@ -5,10 +5,10 @@ import { mediaIE11Hack } from '../_styles/media';
|
|
|
5
5
|
import { spacing } from '../_styles/spacing';
|
|
6
6
|
export var StyledContent = /*#__PURE__*/styled(Box).withConfig({
|
|
7
7
|
displayName: "StyledContent",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-11_26_0__sc-10y57gh-0"
|
|
9
9
|
})(["> * + *,> * + h1,> * + h2,> * + h3,> * + h4,> * + p,> * + ul,> * + ol{margin-top:", "px;}> ", " + *{margin-top:0;}> ", ",> ", " > ", ",> ", " > ", "{", "{min-height:0;margin-bottom:", "px;}&:last-child ", "{margin-bottom:0;}}"], spacing.lg, StyledFormRow, StyledFormRow, StyledForm, StyledFormRow, StyledFormikForm, StyledFormRow, StyledFormFieldBanner, spacing.md, StyledFormFieldBanner);
|
|
10
10
|
export var StyledActions = /*#__PURE__*/styled(Box).withConfig({
|
|
11
11
|
displayName: "StyledActions",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-11_26_0__sc-10y57gh-1"
|
|
13
13
|
})(["display:flex;justify-content:flex-end;gap:", "px;@media ", "{& > * + *{margin-left:", "px;}}"], spacing.sm, mediaIE11Hack, spacing.sm);
|
|
14
14
|
//# sourceMappingURL=Content.styles.js.map
|
|
@@ -14,15 +14,15 @@ var inputHeight = 36; // TODO one-off
|
|
|
14
14
|
var disabledCss = /*#__PURE__*/css(["background-color:", ";color:", ";border-width:1px;border-style:solid;border-color:", ";pointer-events:none;svg{color:", ";}"], colors.gray94, colors.gray45, colors.gray70, colors.gray45);
|
|
15
15
|
export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({
|
|
16
16
|
displayName: "StyledCalendar",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-11_26_0__sc-w10btf-0"
|
|
18
18
|
})(["color:", ";"], colors.gray45);
|
|
19
19
|
export var StyledDateSegmentsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
20
20
|
displayName: "StyledDateSegmentsContainer",
|
|
21
|
-
componentId: "core-
|
|
21
|
+
componentId: "core-11_26_0__sc-w10btf-1"
|
|
22
22
|
})(["min-width:104px;display:flex;gap:", "px;"], spacing.xs);
|
|
23
23
|
export var StyledDateInputSegment = /*#__PURE__*/styled.div.withConfig({
|
|
24
24
|
displayName: "StyledDateInputSegment",
|
|
25
|
-
componentId: "core-
|
|
25
|
+
componentId: "core-11_26_0__sc-w10btf-2"
|
|
26
26
|
})(["", " outline:none;text-align:center;&:focus{background-color:", ";}&::selection{background-color:transparent;}&[data-placeholder='true']{color:", ";}"], getTypographyIntent('body'), colors.blue96, function (_ref) {
|
|
27
27
|
var disabled = _ref.disabled;
|
|
28
28
|
return disabled ? colors.gray70 : colors.gray45;
|
|
@@ -31,15 +31,15 @@ export var StyledDateInputDelimiter = /*#__PURE__*/styled.span.attrs(function (p
|
|
|
31
31
|
return _defineProperty({}, 'data-qa-table-visible', props.visible);
|
|
32
32
|
}).withConfig({
|
|
33
33
|
displayName: "StyledDateInputDelimiter",
|
|
34
|
-
componentId: "core-
|
|
34
|
+
componentId: "core-11_26_0__sc-w10btf-3"
|
|
35
35
|
})(["", " user-select:none;"], getTypographyIntent('body'));
|
|
36
36
|
export var StyledDateInputIconContainer = /*#__PURE__*/styled.div.withConfig({
|
|
37
37
|
displayName: "StyledDateInputIconContainer",
|
|
38
|
-
componentId: "core-
|
|
38
|
+
componentId: "core-11_26_0__sc-w10btf-4"
|
|
39
39
|
})(["display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin:0 0 0 ", "px;height:24px;width:24px;"], spacing.xs);
|
|
40
40
|
export var StyledDateInput = /*#__PURE__*/styled.div.withConfig({
|
|
41
41
|
displayName: "StyledDateInput",
|
|
42
|
-
componentId: "core-
|
|
42
|
+
componentId: "core-11_26_0__sc-w10btf-5"
|
|
43
43
|
})(["align-items:center;border-color:", ";border-radius:4px;border-style:solid;border-width:1px;display:inline-flex;flex-direction:row;height:", "px;justify-content:center;padding:0 ", "px 0 ", "px;&::placeholder{color:", ";}", " &:focus-within,&[data-qa=", "]{", ";}&:disabled{", "}", " ", ""], colors.gray70, inputHeight, spacing.xs, spacing.sm, colors.gray45, function (_ref3) {
|
|
44
44
|
var error = _ref3.error;
|
|
45
45
|
return !error && css(["&:hover,&[data-qa=", "]{border-color:", ";}"], dataQa.hovered, colors.gray45);
|
|
@@ -2,37 +2,37 @@ import styled from 'styled-components';
|
|
|
2
2
|
import { Box } from '../Box/Box';
|
|
3
3
|
import { Card } from '../Card/Card';
|
|
4
4
|
import { Page } from '../PageLayout/PageLayout';
|
|
5
|
-
import { getActions, StyledPageBanner
|
|
5
|
+
import { getActions, StyledPageBanner } from '../PageLayout/PageLayout.styles';
|
|
6
6
|
import { sectionClassnames, StyledSection, StyledSectionInner } from '../Section/Section.styles';
|
|
7
7
|
import { colors } from '../_styles/colors';
|
|
8
8
|
import { spacing } from '../_styles/spacing';
|
|
9
9
|
export var StyledDetailPage = /*#__PURE__*/styled.div.withConfig({
|
|
10
10
|
displayName: "StyledDetailPage",
|
|
11
|
-
componentId: "core-
|
|
11
|
+
componentId: "core-11_26_0__sc-cytnlo-0"
|
|
12
12
|
})(["background-color:", ";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;"], colors.gray96);
|
|
13
13
|
export var StyledDetailPageBody = /*#__PURE__*/styled.div.withConfig({
|
|
14
14
|
displayName: "StyledDetailPageBody",
|
|
15
|
-
componentId: "core-
|
|
16
|
-
})(["padding-bottom:", "px
|
|
15
|
+
componentId: "core-11_26_0__sc-cytnlo-1"
|
|
16
|
+
})(["padding-bottom:", "px;"], spacing.xl);
|
|
17
17
|
export var StyledDetailPageFooterNotation = /*#__PURE__*/styled.div.withConfig({
|
|
18
18
|
displayName: "StyledDetailPageFooterNotation",
|
|
19
|
-
componentId: "core-
|
|
19
|
+
componentId: "core-11_26_0__sc-cytnlo-2"
|
|
20
20
|
})(["flex-grow:1;z-index:1;"]);
|
|
21
21
|
export var StyledDetailPageFooter = /*#__PURE__*/styled(Page.Footer).withConfig({
|
|
22
22
|
displayName: "StyledDetailPageFooter",
|
|
23
|
-
componentId: "core-
|
|
23
|
+
componentId: "core-11_26_0__sc-cytnlo-3"
|
|
24
24
|
})(["display:flex;padding:", "px 0;background-color:", ";justify-content:center;"], spacing.lg, colors.white);
|
|
25
25
|
export var StyledDetailPageFooterActions = /*#__PURE__*/styled(Box).withConfig({
|
|
26
26
|
displayName: "StyledDetailPageFooterActions",
|
|
27
|
-
componentId: "core-
|
|
27
|
+
componentId: "core-11_26_0__sc-cytnlo-4"
|
|
28
28
|
})(["", ""], getActions());
|
|
29
29
|
var maxFooterContentWidth = 1920;
|
|
30
30
|
export var StyledDetailPageFooterContent = /*#__PURE__*/styled.div.withConfig({
|
|
31
31
|
displayName: "StyledDetailPageFooterContent",
|
|
32
|
-
componentId: "core-
|
|
32
|
+
componentId: "core-11_26_0__sc-cytnlo-5"
|
|
33
33
|
})(["width:100%;align-items:center;display:flex;justify-content:flex-end;padding:0 ", "px;max-width:", "px;"], spacing.xl, maxFooterContentWidth);
|
|
34
34
|
export var StyledDetailPageCard = /*#__PURE__*/styled(Card).withConfig({
|
|
35
35
|
displayName: "StyledDetailPageCard",
|
|
36
|
-
componentId: "core-
|
|
37
|
-
})(["margin-top:", "px;width:100
|
|
36
|
+
componentId: "core-11_26_0__sc-cytnlo-6"
|
|
37
|
+
})(["margin-top:", "px;width:100%;&:first-child{margin-top:0;}& > ", "{padding:", "px ", "px 0 ", "px;max-width:100%;&:empty{padding:0;}}& > ", " + ", " > ", "{border-top:0;}> .", ":first-child + .", ",> ", " + .", " + .", "{margin-top:", "px;}"], spacing.xl, StyledPageBanner, spacing.xl, spacing.xl, spacing.xl, StyledPageBanner, StyledSection, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), StyledPageBanner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), spacing.xxl * -1);
|
|
38
38
|
//# sourceMappingURL=DetailPage.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailPage.styles.js","names":["styled","Box","Card","Page","getActions","StyledPageBanner","
|
|
1
|
+
{"version":3,"file":"DetailPage.styles.js","names":["styled","Box","Card","Page","getActions","StyledPageBanner","sectionClassnames","StyledSection","StyledSectionInner","colors","spacing","StyledDetailPage","div","withConfig","displayName","componentId","gray96","StyledDetailPageBody","xl","StyledDetailPageFooterNotation","StyledDetailPageFooter","Footer","lg","white","StyledDetailPageFooterActions","maxFooterContentWidth","StyledDetailPageFooterContent","StyledDetailPageCard","levelAnonymous","level","xxl"],"sources":["../../src/DetailPage/DetailPage.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Box } from '../Box/Box'\nimport { Card } from '../Card/Card'\nimport { Page } from '../PageLayout/PageLayout'\nimport { getActions, StyledPageBanner } from '../PageLayout/PageLayout.styles'\nimport {\n sectionClassnames,\n StyledSection,\n StyledSectionInner,\n} from '../Section/Section.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledDetailPage = styled.div`\n background-color: ${colors.gray96};\n height: 100%;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n`\n\nexport const StyledDetailPageBody = styled.div`\n padding-bottom: ${spacing.xl}px;\n`\n\nexport const StyledDetailPageFooterNotation = styled.div`\n flex-grow: 1;\n z-index: 1;\n`\n\nexport const StyledDetailPageFooter = styled(Page.Footer)`\n display: flex;\n padding: ${spacing.lg}px 0;\n background-color: ${colors.white};\n justify-content: center;\n`\n\nexport const StyledDetailPageFooterActions = styled(Box)`\n ${getActions()}\n`\n\nconst maxFooterContentWidth = 1920\n\nexport const StyledDetailPageFooterContent = styled.div`\n width: 100%;\n align-items: center;\n display: flex;\n justify-content: flex-end;\n padding: 0 ${spacing.xl}px;\n max-width: ${maxFooterContentWidth}px;\n`\n\nexport const StyledDetailPageCard = styled(Card)`\n margin-top: ${spacing.xl}px;\n width: 100%;\n\n &:first-child {\n margin-top: 0;\n }\n\n & > ${StyledPageBanner} {\n padding: ${spacing.xl}px ${spacing.xl}px 0 ${spacing.xl}px;\n max-width: 100%;\n\n &:empty {\n padding: 0;\n }\n }\n\n & > ${StyledPageBanner} + ${StyledSection} > ${StyledSectionInner} {\n border-top: 0;\n }\n\n > .${sectionClassnames.levelAnonymous}:first-child\n + .${sectionClassnames.level(2)},\n > ${StyledPageBanner}\n + .${sectionClassnames.levelAnonymous}\n + .${sectionClassnames.level(2)} {\n margin-top: ${spacing.xxl * -1}px;\n }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,GAAG,QAAQ,YAAY;AAChC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,iCAAiC;AAC9E,SACEC,iBAAiB,EACjBC,aAAa,EACbC,kBAAkB,QACb,2BAA2B;AAClC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,gBAAgB,gBAAGX,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iJACpBN,MAAM,CAACO,MAAM,CAOlC;AAED,OAAO,IAAMC,oBAAoB,gBAAGjB,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAC1BL,OAAO,CAACQ,EAAE,CAC7B;AAED,OAAO,IAAMC,8BAA8B,gBAAGnB,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BAGvD;AAED,OAAO,IAAMK,sBAAsB,gBAAGpB,MAAM,CAACG,IAAI,CAACkB,MAAM,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oFAE5CL,OAAO,CAACY,EAAE,EACDb,MAAM,CAACc,KAAK,CAEjC;AAED,OAAO,IAAMC,6BAA6B,gBAAGxB,MAAM,CAACC,GAAG,CAAC,CAAAY,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpDX,UAAU,CAAC,CAAC,CACf;AAED,IAAMqB,qBAAqB,GAAG,IAAI;AAElC,OAAO,IAAMC,6BAA6B,gBAAG1B,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+GAKxCL,OAAO,CAACQ,EAAE,EACVO,qBAAqB,CACnC;AAED,OAAO,IAAME,oBAAoB,gBAAG3B,MAAM,CAACE,IAAI,CAAC,CAAAW,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wPAChCL,OAAO,CAACQ,EAAE,EAOlBb,gBAAgB,EACTK,OAAO,CAACQ,EAAE,EAAMR,OAAO,CAACQ,EAAE,EAAQR,OAAO,CAACQ,EAAE,EAQnDb,gBAAgB,EAAME,aAAa,EAAMC,kBAAkB,EAI5DF,iBAAiB,CAACsB,cAAc,EAC9BtB,iBAAiB,CAACuB,KAAK,CAAC,CAAC,CAAC,EAC3BxB,gBAAgB,EACfC,iBAAiB,CAACsB,cAAc,EAChCtB,iBAAiB,CAACuB,KAAK,CAAC,CAAC,CAAC,EACjBnB,OAAO,CAACoB,GAAG,GAAG,CAAC,CAAC,CAEjC"}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { Table } from '../../Table';
|
|
9
|
+
export var TableExample = function TableExample() {
|
|
10
|
+
var _React$useState = React.useState('asc'),
|
|
11
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
12
|
+
linkSortOrder = _React$useState2[0],
|
|
13
|
+
setLinkSortingOrder = _React$useState2[1];
|
|
14
|
+
var _React$useState3 = React.useState('asc'),
|
|
15
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
16
|
+
nameSortOrder = _React$useState4[0],
|
|
17
|
+
setNameSortOrder = _React$useState4[1];
|
|
18
|
+
return /*#__PURE__*/React.createElement(Table.Container, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(Table.Header, null, /*#__PURE__*/React.createElement(Table.HeaderRow, null, /*#__PURE__*/React.createElement(Table.HeaderCell, {
|
|
19
|
+
snugfit: true
|
|
20
|
+
}, /*#__PURE__*/React.createElement(Table.Checkbox, {
|
|
21
|
+
"aria-label": "Select All Rows"
|
|
22
|
+
})), /*#__PURE__*/React.createElement(Table.HeaderCell, {
|
|
23
|
+
sortOrder: linkSortOrder,
|
|
24
|
+
onSortOrderChange: setLinkSortingOrder
|
|
25
|
+
}, "Link"), /*#__PURE__*/React.createElement(Table.HeaderCell, {
|
|
26
|
+
sortOrder: nameSortOrder,
|
|
27
|
+
onSortOrderChange: setNameSortOrder,
|
|
28
|
+
id: "header_name"
|
|
29
|
+
}, "Name"), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Column Key"), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Percentages"), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Currency"))), /*#__PURE__*/React.createElement(Table.Body, null, /*#__PURE__*/React.createElement(Table.BodyRow, null, /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.Checkbox, {
|
|
30
|
+
"aria-label": "Select Row"
|
|
31
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.LinkCell, {
|
|
32
|
+
href: "https://procore.github.io/core"
|
|
33
|
+
}, "Link")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.TextAreaCell, {
|
|
34
|
+
"aria-labelledby": "header_name",
|
|
35
|
+
defaultValue: "Text area!",
|
|
36
|
+
resizable: true
|
|
37
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.InputCell, {
|
|
38
|
+
placeholder: "Placeholder"
|
|
39
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.PercentCell, null, "5.00%")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.CurrencyCell, null, "$21.00"))), /*#__PURE__*/React.createElement(Table.BodyRow, null, /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.Checkbox, {
|
|
40
|
+
"aria-label": "Select Row"
|
|
41
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.LinkCell, {
|
|
42
|
+
href: "https://procore.github.io/core"
|
|
43
|
+
}, "Link")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.TextAreaCell, {
|
|
44
|
+
"aria-labelledby": "header_name",
|
|
45
|
+
defaultValue: "Text area!",
|
|
46
|
+
resizable: true
|
|
47
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.InputCell, {
|
|
48
|
+
placeholder: "Placeholder"
|
|
49
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.PercentCell, null, "5.00%")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.CurrencyCell, null, "$21.00"))), /*#__PURE__*/React.createElement(Table.BodyRow, null, /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.Checkbox, {
|
|
50
|
+
"aria-label": "Select Row"
|
|
51
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.LinkCell, {
|
|
52
|
+
href: "https://procore.github.io/core"
|
|
53
|
+
}, "Link")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.TextAreaCell, {
|
|
54
|
+
"aria-labelledby": "header_name",
|
|
55
|
+
defaultValue: "Text area!",
|
|
56
|
+
resizable: true
|
|
57
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.InputCell, {
|
|
58
|
+
placeholder: "Placeholder"
|
|
59
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.PercentCell, null, "5.00%")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.CurrencyCell, null, "$21.00"))), /*#__PURE__*/React.createElement(Table.BodyRow, null, /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.Checkbox, {
|
|
60
|
+
"aria-label": "Select Row"
|
|
61
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.LinkCell, {
|
|
62
|
+
href: "https://procore.github.io/core"
|
|
63
|
+
}, "Link")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.TextAreaCell, {
|
|
64
|
+
"aria-labelledby": "header_name",
|
|
65
|
+
defaultValue: "Text area!",
|
|
66
|
+
resizable: true
|
|
67
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.InputCell, {
|
|
68
|
+
placeholder: "Placeholder"
|
|
69
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.PercentCell, null, "5.00%")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.CurrencyCell, null, "$21.00"))), /*#__PURE__*/React.createElement(Table.BodyRow, null, /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.Checkbox, {
|
|
70
|
+
"aria-label": "Select Row"
|
|
71
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.LinkCell, {
|
|
72
|
+
href: "https://procore.github.io/core"
|
|
73
|
+
}, "Link")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.TextAreaCell, {
|
|
74
|
+
"aria-labelledby": "header_name",
|
|
75
|
+
defaultValue: "Text area!",
|
|
76
|
+
resizable: true
|
|
77
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.InputCell, {
|
|
78
|
+
placeholder: "Placeholder"
|
|
79
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.PercentCell, null, "5.00%")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.CurrencyCell, null, "$21.00"))), /*#__PURE__*/React.createElement(Table.BodyRow, null, /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.Checkbox, {
|
|
80
|
+
"aria-label": "Select Row"
|
|
81
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.LinkCell, {
|
|
82
|
+
href: "https://procore.github.io/core"
|
|
83
|
+
}, "Link")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.TextAreaCell, {
|
|
84
|
+
"aria-labelledby": "header_name",
|
|
85
|
+
defaultValue: "Text area!",
|
|
86
|
+
resizable: true
|
|
87
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.InputCell, {
|
|
88
|
+
placeholder: "Placeholder"
|
|
89
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.PercentCell, null, "5.00%")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.CurrencyCell, null, "$21.00"))), /*#__PURE__*/React.createElement(Table.BodyRow, null, /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.Checkbox, {
|
|
90
|
+
"aria-label": "Select Row"
|
|
91
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.LinkCell, {
|
|
92
|
+
href: "https://procore.github.io/core"
|
|
93
|
+
}, "Link")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.TextAreaCell, {
|
|
94
|
+
"aria-labelledby": "header_name",
|
|
95
|
+
defaultValue: "Text area!",
|
|
96
|
+
resizable: true
|
|
97
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.InputCell, {
|
|
98
|
+
placeholder: "Placeholder"
|
|
99
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.PercentCell, null, "5.00%")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.CurrencyCell, null, "$21.00"))), /*#__PURE__*/React.createElement(Table.BodyRow, null, /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.Checkbox, {
|
|
100
|
+
"aria-label": "Select Row"
|
|
101
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.LinkCell, {
|
|
102
|
+
href: "https://procore.github.io/core"
|
|
103
|
+
}, "Link")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.TextAreaCell, {
|
|
104
|
+
"aria-labelledby": "header_name",
|
|
105
|
+
defaultValue: "Text area!",
|
|
106
|
+
resizable: true
|
|
107
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.InputCell, {
|
|
108
|
+
placeholder: "Placeholder"
|
|
109
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.PercentCell, null, "5.00%")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.CurrencyCell, null, "$21.00"))), /*#__PURE__*/React.createElement(Table.BodyRow, null, /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.Checkbox, {
|
|
110
|
+
"aria-label": "Select Row"
|
|
111
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.LinkCell, {
|
|
112
|
+
href: "https://procore.github.io/core"
|
|
113
|
+
}, "Link")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.TextAreaCell, {
|
|
114
|
+
"aria-labelledby": "header_name",
|
|
115
|
+
defaultValue: "Text area!",
|
|
116
|
+
resizable: true
|
|
117
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.InputCell, {
|
|
118
|
+
placeholder: "Placeholder"
|
|
119
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.PercentCell, null, "5.00%")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.CurrencyCell, null, "$21.00"))), /*#__PURE__*/React.createElement(Table.BodyRow, null, /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.Checkbox, {
|
|
120
|
+
"aria-label": "Select Row"
|
|
121
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.LinkCell, {
|
|
122
|
+
href: "https://procore.github.io/core"
|
|
123
|
+
}, "Link")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.TextAreaCell, {
|
|
124
|
+
"aria-labelledby": "header_name",
|
|
125
|
+
defaultValue: "Text area!",
|
|
126
|
+
resizable: true
|
|
127
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.InputCell, {
|
|
128
|
+
placeholder: "Placeholder"
|
|
129
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.PercentCell, null, "5.00%")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.CurrencyCell, null, "$21.00"))), /*#__PURE__*/React.createElement(Table.BodyRow, null, /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.Checkbox, {
|
|
130
|
+
"aria-label": "Select Row"
|
|
131
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.LinkCell, {
|
|
132
|
+
href: "https://procore.github.io/core"
|
|
133
|
+
}, "Link")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.TextAreaCell, {
|
|
134
|
+
"aria-labelledby": "header_name",
|
|
135
|
+
defaultValue: "Text area!",
|
|
136
|
+
resizable: true
|
|
137
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.InputCell, {
|
|
138
|
+
placeholder: "Placeholder"
|
|
139
|
+
})), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.PercentCell, null, "5.00%")), /*#__PURE__*/React.createElement(Table.BodyCell, null, /*#__PURE__*/React.createElement(Table.CurrencyCell, null, "$21.00"))))));
|
|
140
|
+
};
|
|
141
|
+
//# sourceMappingURL=TableExample.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableExample.js","names":["React","Table","TableExample","_React$useState","useState","_React$useState2","_slicedToArray","linkSortOrder","setLinkSortingOrder","_React$useState3","_React$useState4","nameSortOrder","setNameSortOrder","createElement","Container","Header","HeaderRow","HeaderCell","snugfit","Checkbox","sortOrder","onSortOrderChange","id","Body","BodyRow","BodyCell","LinkCell","href","TextAreaCell","defaultValue","resizable","InputCell","placeholder","PercentCell","CurrencyCell"],"sources":["../../../src/DetailPage/examples/TableExample.tsx"],"sourcesContent":["import React from 'react'\nimport { Table } from '../../Table'\nimport type { TableColumnSortOrder } from '../../Table/Table.types'\n\nexport const TableExample: React.FC = () => {\n const [linkSortOrder, setLinkSortingOrder] =\n React.useState<TableColumnSortOrder>('asc')\n const [nameSortOrder, setNameSortOrder] =\n React.useState<TableColumnSortOrder>('asc')\n\n return (\n <Table.Container>\n <Table>\n <Table.Header>\n <Table.HeaderRow>\n <Table.HeaderCell snugfit>\n <Table.Checkbox aria-label=\"Select All Rows\" />\n </Table.HeaderCell>\n\n <Table.HeaderCell\n sortOrder={linkSortOrder}\n onSortOrderChange={setLinkSortingOrder}\n >\n Link\n </Table.HeaderCell>\n\n <Table.HeaderCell\n sortOrder={nameSortOrder}\n onSortOrderChange={setNameSortOrder}\n id=\"header_name\"\n >\n Name\n </Table.HeaderCell>\n\n <Table.HeaderCell>Column Key</Table.HeaderCell>\n\n <Table.HeaderCell>Percentages</Table.HeaderCell>\n\n <Table.HeaderCell>Currency</Table.HeaderCell>\n </Table.HeaderRow>\n </Table.Header>\n\n <Table.Body>\n <Table.BodyRow>\n <Table.BodyCell>\n <Table.Checkbox aria-label=\"Select Row\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.LinkCell href=\"https://procore.github.io/core\">\n Link\n </Table.LinkCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.TextAreaCell\n aria-labelledby=\"header_name\"\n defaultValue=\"Text area!\"\n resizable\n />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.InputCell placeholder=\"Placeholder\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.PercentCell>5.00%</Table.PercentCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.CurrencyCell>$21.00</Table.CurrencyCell>\n </Table.BodyCell>\n </Table.BodyRow>\n <Table.BodyRow>\n <Table.BodyCell>\n <Table.Checkbox aria-label=\"Select Row\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.LinkCell href=\"https://procore.github.io/core\">\n Link\n </Table.LinkCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.TextAreaCell\n aria-labelledby=\"header_name\"\n defaultValue=\"Text area!\"\n resizable\n />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.InputCell placeholder=\"Placeholder\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.PercentCell>5.00%</Table.PercentCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.CurrencyCell>$21.00</Table.CurrencyCell>\n </Table.BodyCell>\n </Table.BodyRow>\n <Table.BodyRow>\n <Table.BodyCell>\n <Table.Checkbox aria-label=\"Select Row\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.LinkCell href=\"https://procore.github.io/core\">\n Link\n </Table.LinkCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.TextAreaCell\n aria-labelledby=\"header_name\"\n defaultValue=\"Text area!\"\n resizable\n />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.InputCell placeholder=\"Placeholder\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.PercentCell>5.00%</Table.PercentCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.CurrencyCell>$21.00</Table.CurrencyCell>\n </Table.BodyCell>\n </Table.BodyRow>\n <Table.BodyRow>\n <Table.BodyCell>\n <Table.Checkbox aria-label=\"Select Row\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.LinkCell href=\"https://procore.github.io/core\">\n Link\n </Table.LinkCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.TextAreaCell\n aria-labelledby=\"header_name\"\n defaultValue=\"Text area!\"\n resizable\n />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.InputCell placeholder=\"Placeholder\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.PercentCell>5.00%</Table.PercentCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.CurrencyCell>$21.00</Table.CurrencyCell>\n </Table.BodyCell>\n </Table.BodyRow>\n <Table.BodyRow>\n <Table.BodyCell>\n <Table.Checkbox aria-label=\"Select Row\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.LinkCell href=\"https://procore.github.io/core\">\n Link\n </Table.LinkCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.TextAreaCell\n aria-labelledby=\"header_name\"\n defaultValue=\"Text area!\"\n resizable\n />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.InputCell placeholder=\"Placeholder\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.PercentCell>5.00%</Table.PercentCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.CurrencyCell>$21.00</Table.CurrencyCell>\n </Table.BodyCell>\n </Table.BodyRow>\n <Table.BodyRow>\n <Table.BodyCell>\n <Table.Checkbox aria-label=\"Select Row\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.LinkCell href=\"https://procore.github.io/core\">\n Link\n </Table.LinkCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.TextAreaCell\n aria-labelledby=\"header_name\"\n defaultValue=\"Text area!\"\n resizable\n />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.InputCell placeholder=\"Placeholder\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.PercentCell>5.00%</Table.PercentCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.CurrencyCell>$21.00</Table.CurrencyCell>\n </Table.BodyCell>\n </Table.BodyRow>\n <Table.BodyRow>\n <Table.BodyCell>\n <Table.Checkbox aria-label=\"Select Row\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.LinkCell href=\"https://procore.github.io/core\">\n Link\n </Table.LinkCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.TextAreaCell\n aria-labelledby=\"header_name\"\n defaultValue=\"Text area!\"\n resizable\n />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.InputCell placeholder=\"Placeholder\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.PercentCell>5.00%</Table.PercentCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.CurrencyCell>$21.00</Table.CurrencyCell>\n </Table.BodyCell>\n </Table.BodyRow>\n <Table.BodyRow>\n <Table.BodyCell>\n <Table.Checkbox aria-label=\"Select Row\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.LinkCell href=\"https://procore.github.io/core\">\n Link\n </Table.LinkCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.TextAreaCell\n aria-labelledby=\"header_name\"\n defaultValue=\"Text area!\"\n resizable\n />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.InputCell placeholder=\"Placeholder\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.PercentCell>5.00%</Table.PercentCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.CurrencyCell>$21.00</Table.CurrencyCell>\n </Table.BodyCell>\n </Table.BodyRow>\n <Table.BodyRow>\n <Table.BodyCell>\n <Table.Checkbox aria-label=\"Select Row\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.LinkCell href=\"https://procore.github.io/core\">\n Link\n </Table.LinkCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.TextAreaCell\n aria-labelledby=\"header_name\"\n defaultValue=\"Text area!\"\n resizable\n />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.InputCell placeholder=\"Placeholder\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.PercentCell>5.00%</Table.PercentCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.CurrencyCell>$21.00</Table.CurrencyCell>\n </Table.BodyCell>\n </Table.BodyRow>\n <Table.BodyRow>\n <Table.BodyCell>\n <Table.Checkbox aria-label=\"Select Row\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.LinkCell href=\"https://procore.github.io/core\">\n Link\n </Table.LinkCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.TextAreaCell\n aria-labelledby=\"header_name\"\n defaultValue=\"Text area!\"\n resizable\n />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.InputCell placeholder=\"Placeholder\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.PercentCell>5.00%</Table.PercentCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.CurrencyCell>$21.00</Table.CurrencyCell>\n </Table.BodyCell>\n </Table.BodyRow>\n <Table.BodyRow>\n <Table.BodyCell>\n <Table.Checkbox aria-label=\"Select Row\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.LinkCell href=\"https://procore.github.io/core\">\n Link\n </Table.LinkCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.TextAreaCell\n aria-labelledby=\"header_name\"\n defaultValue=\"Text area!\"\n resizable\n />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.InputCell placeholder=\"Placeholder\" />\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.PercentCell>5.00%</Table.PercentCell>\n </Table.BodyCell>\n\n <Table.BodyCell>\n <Table.CurrencyCell>$21.00</Table.CurrencyCell>\n </Table.BodyCell>\n </Table.BodyRow>\n </Table.Body>\n </Table>\n </Table.Container>\n )\n}\n"],"mappings":"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"}
|
|
@@ -5,15 +5,15 @@ import { Card } from '../Card/Card';
|
|
|
5
5
|
import { Spinner } from '../Spinner/Spinner';
|
|
6
6
|
export var StyledDropdownMenu = /*#__PURE__*/styled(Card).withConfig({
|
|
7
7
|
displayName: "StyledDropdownMenu",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-11_26_0__sc-ufsy2q-0"
|
|
9
9
|
})(["display:flex;max-height:40vh;max-width:248px;min-width:inherit;"]);
|
|
10
10
|
export var StyledDropdownSpinner = /*#__PURE__*/styled(Spinner).withConfig({
|
|
11
11
|
displayName: "StyledDropdownSpinner",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-11_26_0__sc-ufsy2q-1"
|
|
13
13
|
})(["margin:0 6px;"]);
|
|
14
14
|
export var StyledDropdownButton = /*#__PURE__*/styled(Button).withConfig({
|
|
15
15
|
displayName: "StyledDropdownButton",
|
|
16
|
-
componentId: "core-
|
|
16
|
+
componentId: "core-11_26_0__sc-ufsy2q-2"
|
|
17
17
|
})(["pointer-events:", ";", ""], function (_ref) {
|
|
18
18
|
var disabled = _ref.disabled,
|
|
19
19
|
$loading = _ref.$loading;
|
|
@@ -6,18 +6,18 @@ import { getEllipsis } from '../_styles/mixins';
|
|
|
6
6
|
import { spacing } from '../_styles/spacing';
|
|
7
7
|
export var StyledDropdownFlyout = /*#__PURE__*/styled.div.withConfig({
|
|
8
8
|
displayName: "StyledDropdownFlyout",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-11_26_0__sc-1i79jsg-0"
|
|
10
10
|
})(["display:flex;flex-wrap:wrap;flex-direction:column;width:100%;max-height:855px;padding:", "px 0;"], spacing.sm);
|
|
11
11
|
export var StyledDropdownFlyoutItem = /*#__PURE__*/styled.div.withConfig({
|
|
12
12
|
displayName: "StyledDropdownFlyoutItem",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-11_26_0__sc-1i79jsg-1"
|
|
14
14
|
})(["display:flex;justify-content:space-between;cursor:pointer;width:100%;padding:", "px ", "px;color:", ";", " &[data-highlighted='true'],&:hover{background-color:", ";}"], spacing.xs, spacing.lg, colors.gray20, getTypographyIntent('body'), colors.gray96);
|
|
15
15
|
export var StyledDropdownFlyoutLabel = /*#__PURE__*/styled.span.withConfig({
|
|
16
16
|
displayName: "StyledDropdownFlyoutLabel",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-11_26_0__sc-1i79jsg-2"
|
|
18
18
|
})(["", ""], getEllipsis());
|
|
19
19
|
export var StyledDropdownFlyoutExpandIcon = /*#__PURE__*/styled.span.withConfig({
|
|
20
20
|
displayName: "StyledDropdownFlyoutExpandIcon",
|
|
21
|
-
componentId: "core-
|
|
21
|
+
componentId: "core-11_26_0__sc-1i79jsg-3"
|
|
22
22
|
})(["position:relative;display:inline-flex;align-self:center;flex-shrink:0;margin-left:", "px;white-space:nowrap;", ""], spacing.lg, arrowRight(4, 'black'));
|
|
23
23
|
//# sourceMappingURL=DropdownFlyout.styles.js.map
|
|
@@ -94,7 +94,7 @@ export function MultipleErrors(props) {
|
|
|
94
94
|
// make error banner accessible as a styled-components selector
|
|
95
95
|
export var DropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBannerBase).withConfig({
|
|
96
96
|
displayName: "DropzoneErrorBanner",
|
|
97
|
-
componentId: "core-
|
|
97
|
+
componentId: "core-11_26_0__sc-l4fojb-0"
|
|
98
98
|
})([""]);
|
|
99
99
|
function DropzoneContainer(_ref3) {
|
|
100
100
|
var active = _ref3.active,
|
|
@@ -9,15 +9,15 @@ import { colors } from '../_styles/colors';
|
|
|
9
9
|
import { spacing } from '../_styles/spacing';
|
|
10
10
|
export var StyledErrorBanner = /*#__PURE__*/styled(ErrorBannerBase).withConfig({
|
|
11
11
|
displayName: "StyledErrorBanner",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-11_26_0__sc-by95hy-0"
|
|
13
13
|
})(["margin-top:", "px;flex-shrink:0;"], spacing.lg);
|
|
14
14
|
export var StyledErrorBannerDetails = /*#__PURE__*/styled.ul.withConfig({
|
|
15
15
|
displayName: "StyledErrorBannerDetails",
|
|
16
|
-
componentId: "core-
|
|
16
|
+
componentId: "core-11_26_0__sc-by95hy-1"
|
|
17
17
|
})(["margin:", "px;padding:0;list-style-position:inside;list-style-type:disc;"], spacing.xs);
|
|
18
18
|
export var StyledDropzoneIcon = /*#__PURE__*/styled.div.withConfig({
|
|
19
19
|
displayName: "StyledDropzoneIcon",
|
|
20
|
-
componentId: "core-
|
|
20
|
+
componentId: "core-11_26_0__sc-by95hy-2"
|
|
21
21
|
})(["display:flex;justify-content:center;align-items:center;height:64px;color:", ";margin-bottom:", "px;transition:all 250ms ease-out;", " svg{width:auto;height:100%;}"], colors.gray45, spacing.lg, function (_ref) {
|
|
22
22
|
var disabled = _ref.disabled;
|
|
23
23
|
return disabled && css(["height:72px;margin-bottom:", "px;"], spacing.sm);
|
|
@@ -26,7 +26,7 @@ var activeDropzone = /*#__PURE__*/css(["outline:none;border:2px dashed ", ";back
|
|
|
26
26
|
var disabledDropzone = /*#__PURE__*/css(["color:", ";border:2px dashed ", ";background-color:", ";cursor:not-allowed;& ", "{color:", ";transform:none;}"], colors.gray70, colors.gray85, colors.gray98, StyledDropzoneIcon, colors.gray85);
|
|
27
27
|
export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
|
|
28
28
|
displayName: "StyledDropzoneContainer",
|
|
29
|
-
componentId: "core-
|
|
29
|
+
componentId: "core-11_26_0__sc-by95hy-3"
|
|
30
30
|
})(["", " display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100%;min-height:92px;padding:", "px;color:", ";border:2px dashed ", ";background-color:", ";border-radius:", "px;text-align:center;letter-spacing:0.25px;transition:all 250ms ease-out;cursor:grab;", " ", " ", " ", ""], getTypographyIntent('body'), spacing.lg, colors.gray40, colors.gray70, colors.gray96, borderRadius.md, function (_ref2) {
|
|
31
31
|
var disabled = _ref2.disabled;
|
|
32
32
|
return !disabled && css(["&:hover{", "}"], activeDropzone);
|
|
@@ -43,25 +43,25 @@ export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
43
43
|
});
|
|
44
44
|
export var StyledDropzoneMessage = /*#__PURE__*/styled.div.withConfig({
|
|
45
45
|
displayName: "StyledDropzoneMessage",
|
|
46
|
-
componentId: "core-
|
|
46
|
+
componentId: "core-11_26_0__sc-by95hy-4"
|
|
47
47
|
})(["user-select:none;"]);
|
|
48
48
|
export var StyledUploadButton = /*#__PURE__*/styled(Button).withConfig({
|
|
49
49
|
displayName: "StyledUploadButton",
|
|
50
|
-
componentId: "core-
|
|
50
|
+
componentId: "core-11_26_0__sc-by95hy-5"
|
|
51
51
|
})(["display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;"], spacing.sm);
|
|
52
52
|
export var StyledDropzoneCaption = /*#__PURE__*/styled.span.withConfig({
|
|
53
53
|
displayName: "StyledDropzoneCaption",
|
|
54
|
-
componentId: "core-
|
|
54
|
+
componentId: "core-11_26_0__sc-by95hy-6"
|
|
55
55
|
})(["color:", ";"], function (_ref6) {
|
|
56
56
|
var error = _ref6.error;
|
|
57
57
|
return error && colors.gray15;
|
|
58
58
|
});
|
|
59
59
|
export var StyledDropzoneWrapper = /*#__PURE__*/styled(Flex).withConfig({
|
|
60
60
|
displayName: "StyledDropzoneWrapper",
|
|
61
|
-
componentId: "core-
|
|
61
|
+
componentId: "core-11_26_0__sc-by95hy-7"
|
|
62
62
|
})(["height:100%;"]);
|
|
63
63
|
export var StyledDropzoneFocusDetector = /*#__PURE__*/styled(Box).withConfig({
|
|
64
64
|
displayName: "StyledDropzoneFocusDetector",
|
|
65
|
-
componentId: "core-
|
|
65
|
+
componentId: "core-11_26_0__sc-by95hy-8"
|
|
66
66
|
})(["height:100%;"]);
|
|
67
67
|
//# sourceMappingURL=Dropzone.styles.js.map
|
|
@@ -6,27 +6,27 @@ var emptyStateWidth = 440;
|
|
|
6
6
|
var emptyStateWidthCompact = 352;
|
|
7
7
|
export var StyledSvg = /*#__PURE__*/styled.svg.withConfig({
|
|
8
8
|
displayName: "StyledSvg",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-11_26_0__sc-1xaoo8n-0"
|
|
10
10
|
})(["width:200px;height:200px;"]);
|
|
11
11
|
export var StyledImage = /*#__PURE__*/styled.div.withConfig({
|
|
12
12
|
displayName: "StyledImage",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-11_26_0__sc-1xaoo8n-1"
|
|
14
14
|
})([""]);
|
|
15
15
|
export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
|
|
16
16
|
displayName: "StyledTitle",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-11_26_0__sc-1xaoo8n-2"
|
|
18
18
|
})(["margin-top:", "px;text-align:center;color:", ";width:", "px;", ""], spacing.xl, colors.gray15, emptyStateWidth, getTypographyIntent('h2'));
|
|
19
19
|
export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
|
|
20
20
|
displayName: "StyledDescription",
|
|
21
|
-
componentId: "core-
|
|
21
|
+
componentId: "core-11_26_0__sc-1xaoo8n-3"
|
|
22
22
|
})(["margin-top:", "px;text-align:center;color:", ";width:", "px;", ""], spacing.lg, colors.gray45, emptyStateWidth, getTypographyIntent('h3'));
|
|
23
23
|
export var StyledActions = /*#__PURE__*/styled.div.withConfig({
|
|
24
24
|
displayName: "StyledActions",
|
|
25
|
-
componentId: "core-
|
|
25
|
+
componentId: "core-11_26_0__sc-1xaoo8n-4"
|
|
26
26
|
})(["margin-top:", "px;"], spacing.xl);
|
|
27
27
|
export var StyledEmptyState = /*#__PURE__*/styled.div.withConfig({
|
|
28
28
|
displayName: "StyledEmptyState",
|
|
29
|
-
componentId: "core-
|
|
29
|
+
componentId: "core-11_26_0__sc-1xaoo8n-5"
|
|
30
30
|
})(["display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:", "px;margin-bottom:", "px;", "{> img{max-width:200px;}}", "}"], function (_ref) {
|
|
31
31
|
var compact = _ref.compact;
|
|
32
32
|
return compact ? 0 : 96;
|
|
@@ -2,14 +2,14 @@ import styled from 'styled-components';
|
|
|
2
2
|
import { getSmallIconBodyTextRules, StyledP } from '../Semantic/Semantic.styles';
|
|
3
3
|
export var StyledField = /*#__PURE__*/styled.div.withConfig({
|
|
4
4
|
displayName: "StyledField",
|
|
5
|
-
componentId: "core-
|
|
5
|
+
componentId: "core-11_26_0__sc-1q3pe6s-0"
|
|
6
6
|
})(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
|
|
7
7
|
export var StyledFieldHeader = /*#__PURE__*/styled.div.withConfig({
|
|
8
8
|
displayName: "StyledFieldHeader",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-11_26_0__sc-1q3pe6s-1"
|
|
10
10
|
})(["", " > ", "{", "}"], getSmallIconBodyTextRules, StyledP, getSmallIconBodyTextRules);
|
|
11
11
|
export var StyledFieldFooter = /*#__PURE__*/styled.div.withConfig({
|
|
12
12
|
displayName: "StyledFieldFooter",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-11_26_0__sc-1q3pe6s-2"
|
|
14
14
|
})(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
|
|
15
15
|
//# sourceMappingURL=Field.styles.js.map
|