@procore/core-react 12.48.1 → 12.49.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/CHANGELOG.md +23 -0
- package/dist/AnchorNavigation/AnchorNavigation.styles.js +4 -4
- package/dist/Avatar/Avatar.styles.js +5 -5
- package/dist/AvatarStack/AvatarStack.js +3 -3
- package/dist/AvatarStack/AvatarStack.js.map +1 -1
- package/dist/AvatarStack/AvatarStack.styles.d.ts +2 -0
- package/dist/AvatarStack/AvatarStack.styles.js +14 -9
- package/dist/AvatarStack/AvatarStack.styles.js.map +1 -1
- 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.js +9 -2
- package/dist/Checkbox/Checkbox.js.map +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.js +1 -0
- package/dist/DetailPage/DetailPage.js.map +1 -1
- 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.styles.js +3 -3
- 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.js +48 -31
- package/dist/NumberInput/NumberInput.js.map +1 -1
- package/dist/NumberInput/NumberInput.styles.js +7 -7
- package/dist/NumberInput/NumberInput.types.d.ts +14 -0
- package/dist/NumberInput/NumberInput.types.js.map +1 -1
- package/dist/NumberInput/NumberInput.utils.d.ts +1 -0
- package/dist/NumberInput/NumberInput.utils.js +6 -0
- package/dist/NumberInput/NumberInput.utils.js.map +1 -1
- package/dist/Overlay/OverlayArrow.styles.js +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.d.ts +1 -0
- package/dist/OverlayTrigger/OverlayTrigger.js +10 -6
- package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
- package/dist/OverlayTrigger/index.d.ts +1 -1
- package/dist/OverlayTrigger/index.js +1 -1
- package/dist/OverlayTrigger/index.js.map +1 -1
- package/dist/PageLayout/PageLayout.d.ts +4 -3
- package/dist/PageLayout/PageLayout.js +26 -8
- package/dist/PageLayout/PageLayout.js.map +1 -1
- package/dist/PageLayout/PageLayout.styles.d.ts +6 -1
- package/dist/PageLayout/PageLayout.styles.js +30 -21
- package/dist/PageLayout/PageLayout.styles.js.map +1 -1
- package/dist/PageLayout/PageLayout.types.d.ts +19 -0
- package/dist/PageLayout/PageLayout.types.js.map +1 -1
- package/dist/PageLayout/index.d.ts +1 -1
- package/dist/PageLayout/index.js.map +1 -1
- 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.d.ts +2 -2
- package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js +3 -3
- package/dist/Pagination/Pagination.styles.js +5 -5
- 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.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.js +2 -5
- package/dist/Search/Search.js.map +1 -1
- 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/SettingsPage/SettingsPage.d.ts +1 -1
- package/dist/SettingsPage/SettingsPage.js +1 -0
- package/dist/SettingsPage/SettingsPage.js.map +1 -1
- package/dist/Slider/Slider.styles.js +5 -5
- package/dist/Spinner/Spinner.styles.js +7 -7
- 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.hooks.d.ts +1 -0
- 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.js +15 -6
- package/dist/Toast/Toast.js.map +1 -1
- package/dist/Toast/Toast.styles.js +5 -5
- package/dist/Toast/Toast.styles.js.map +1 -1
- package/dist/ToggleButton/ToggleButton.styles.js +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.js +1 -0
- package/dist/ToolLandingPage/ToolLandingPage.js.map +1 -1
- 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.js +8 -6
- package/dist/Typeahead/Typeahead.js.map +1 -1
- package/dist/Typeahead/Typeahead.styles.d.ts +4 -1
- package/dist/Typeahead/Typeahead.styles.js +15 -10
- package/dist/Typeahead/Typeahead.styles.js.map +1 -1
- package/dist/Typography/Typography.styles.js +1 -1
- package/dist/Typography/Typography.table.story.js +2 -2
- package/dist/_hooks/I18n.d.ts +4 -0
- package/dist/_locales/en.json +3 -1
- package/dist/_locales/pseudo.json +3 -1
- package/dist/_storyHelpers_/components/Deprecation.styles.js +1 -1
- package/dist/_storyHelpers_/components/StoryGrid.js +3 -3
- package/dist/_styles/colors.js +4 -1
- package/dist/_styles/colors.js.map +1 -1
- 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 +842 -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 +88 -48
- package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +33 -33
- package/dist/_typedoc/PageLayout/PageLayout.types.json +140 -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 +15 -15
- 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 +3 -3
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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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_49_0__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
|
|
@@ -32,15 +32,15 @@ var screenWidthPixelBreakpoints = {
|
|
|
32
32
|
};
|
|
33
33
|
export var StyledModal = /*#__PURE__*/styled.div.withConfig({
|
|
34
34
|
displayName: "StyledModal",
|
|
35
|
-
componentId: "core-
|
|
35
|
+
componentId: "core-12_49_0__sc-1ijdug2-0"
|
|
36
36
|
})(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;pointer-events:none;&.", "{opacity:1;pointer-events:auto;}&.", "{opacity:0;pointer-events:none;}"], fadeInClassName, fadeOutClassName);
|
|
37
37
|
export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
|
|
38
38
|
displayName: "StyledModalButtons",
|
|
39
|
-
componentId: "core-
|
|
39
|
+
componentId: "core-12_49_0__sc-1ijdug2-1"
|
|
40
40
|
})(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
|
|
41
41
|
export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
|
|
42
42
|
displayName: "StyledModalContainer",
|
|
43
|
-
componentId: "core-
|
|
43
|
+
componentId: "core-12_49_0__sc-1ijdug2-2"
|
|
44
44
|
})(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", " ", ""], function (_ref) {
|
|
45
45
|
var $compact = _ref.$compact;
|
|
46
46
|
if (!$compact) {
|
|
@@ -64,11 +64,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
|
|
|
64
64
|
});
|
|
65
65
|
export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
|
|
66
66
|
displayName: "StyledModalFooter",
|
|
67
|
-
componentId: "core-
|
|
67
|
+
componentId: "core-12_49_0__sc-1ijdug2-3"
|
|
68
68
|
})(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
|
|
69
69
|
export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
|
|
70
70
|
displayName: "StyledModalBody",
|
|
71
|
-
componentId: "core-
|
|
71
|
+
componentId: "core-12_49_0__sc-1ijdug2-4"
|
|
72
72
|
})(["", " &:focus-visible{", "}box-sizing:border-box;color:", ";display:flex;flex-direction:column;overflow:auto;", " ", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), getFocusInset(), colors.gray15, function (_ref4) {
|
|
73
73
|
var $noSideSpacing = _ref4.$noSideSpacing;
|
|
74
74
|
return css(["padding:", "px ", "px;"], spacing.xl, $noSideSpacing ? 0 : spacing.xxl);
|
|
@@ -85,7 +85,7 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
|
|
|
85
85
|
});
|
|
86
86
|
export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
|
|
87
87
|
displayName: "StyledModalContent",
|
|
88
|
-
componentId: "core-
|
|
88
|
+
componentId: "core-12_49_0__sc-1ijdug2-5"
|
|
89
89
|
})(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;", ""], function (_ref7) {
|
|
90
90
|
var _ref7$$compact = _ref7.$compact,
|
|
91
91
|
$compact = _ref7$$compact === void 0 ? false : _ref7$$compact;
|
|
@@ -96,11 +96,11 @@ export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
|
|
|
96
96
|
});
|
|
97
97
|
export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
|
|
98
98
|
displayName: "StyledModalFooterNotation",
|
|
99
|
-
componentId: "core-
|
|
99
|
+
componentId: "core-12_49_0__sc-1ijdug2-6"
|
|
100
100
|
})(["flex-grow:1;"]);
|
|
101
101
|
export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
|
|
102
102
|
displayName: "StyledModalHeader",
|
|
103
|
-
componentId: "core-
|
|
103
|
+
componentId: "core-12_49_0__sc-1ijdug2-7"
|
|
104
104
|
})(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;position:relative;", " ", ""], colors.gray10, function (_ref8) {
|
|
105
105
|
var $compact = _ref8.$compact,
|
|
106
106
|
$isBodyScrolled = _ref8.$isBodyScrolled;
|
|
@@ -118,7 +118,7 @@ export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
|
|
|
118
118
|
});
|
|
119
119
|
export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
|
|
120
120
|
displayName: "StyledModalHeading",
|
|
121
|
-
componentId: "core-
|
|
121
|
+
componentId: "core-12_49_0__sc-1ijdug2-8"
|
|
122
122
|
})(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;", ""], function (_ref0) {
|
|
123
123
|
var $compact = _ref0.$compact;
|
|
124
124
|
return getTypographyIntent($compact ? 'h3' : 'h2');
|
|
@@ -134,18 +134,18 @@ export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
|
|
|
134
134
|
});
|
|
135
135
|
export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
|
|
136
136
|
displayName: "StyledModalCancel",
|
|
137
|
-
componentId: "core-
|
|
137
|
+
componentId: "core-12_49_0__sc-1ijdug2-9"
|
|
138
138
|
})(["flex:0 0 auto;"]);
|
|
139
139
|
export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
|
|
140
140
|
displayName: "StyledModalScrim",
|
|
141
|
-
componentId: "core-
|
|
141
|
+
componentId: "core-12_49_0__sc-1ijdug2-10"
|
|
142
142
|
})(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
|
|
143
143
|
export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
|
|
144
144
|
displayName: "StyledModalWarningIcon",
|
|
145
|
-
componentId: "core-
|
|
145
|
+
componentId: "core-12_49_0__sc-1ijdug2-11"
|
|
146
146
|
})(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
|
|
147
147
|
export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
|
|
148
148
|
displayName: "StyledModalFooterSummary",
|
|
149
|
-
componentId: "core-
|
|
149
|
+
componentId: "core-12_49_0__sc-1ijdug2-12"
|
|
150
150
|
})(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
|
|
151
151
|
//# sourceMappingURL=Modal.styles.js.map
|
|
@@ -8,34 +8,34 @@ import { getFocus } from '../_styles/mixins';
|
|
|
8
8
|
import { spacing } from '../_styles/spacing';
|
|
9
9
|
export var StyledMultiSelectInner = /*#__PURE__*/styled.div.withConfig({
|
|
10
10
|
displayName: "StyledMultiSelectInner",
|
|
11
|
-
componentId: "core-
|
|
11
|
+
componentId: "core-12_49_0__sc-s9ym9q-0"
|
|
12
12
|
})(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
|
|
13
13
|
export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
|
|
14
14
|
displayName: "StyledMultiSelectValues",
|
|
15
|
-
componentId: "core-
|
|
15
|
+
componentId: "core-12_49_0__sc-s9ym9q-1"
|
|
16
16
|
})(["display:contents;"]);
|
|
17
17
|
export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
|
|
18
18
|
displayName: "StyledMultiSelectToken",
|
|
19
|
-
componentId: "core-
|
|
19
|
+
componentId: "core-12_49_0__sc-s9ym9q-2"
|
|
20
20
|
})(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
|
|
21
21
|
export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
|
|
22
22
|
displayName: "StyledMultiSelectSearchInput",
|
|
23
|
-
componentId: "core-
|
|
23
|
+
componentId: "core-12_49_0__sc-s9ym9q-3"
|
|
24
24
|
})(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
|
|
25
25
|
var $isNavigatingTokens = _ref.$isNavigatingTokens;
|
|
26
26
|
return $isNavigatingTokens && css(["color:transparent;"]);
|
|
27
27
|
}, colors.gray45);
|
|
28
28
|
export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
|
|
29
29
|
displayName: "StyledMultiSelectSearch",
|
|
30
|
-
componentId: "core-
|
|
30
|
+
componentId: "core-12_49_0__sc-s9ym9q-4"
|
|
31
31
|
})(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
|
|
32
32
|
export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
|
|
33
33
|
displayName: "StyledMultiSelectSearchIcon",
|
|
34
|
-
componentId: "core-
|
|
34
|
+
componentId: "core-12_49_0__sc-s9ym9q-5"
|
|
35
35
|
})(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;margin-right:", "px;min-width:40px;width:40px;"], spacing.xs, spacing.md);
|
|
36
36
|
export var StyledMultiSelectClearIcon = /*#__PURE__*/styled(Button).withConfig({
|
|
37
37
|
displayName: "StyledMultiSelectClearIcon",
|
|
38
|
-
componentId: "core-
|
|
38
|
+
componentId: "core-12_49_0__sc-s9ym9q-6"
|
|
39
39
|
})(["", " ", "{pointer-events:none;}"], function (_ref2) {
|
|
40
40
|
var $show = _ref2.$show;
|
|
41
41
|
return css(["opacity:", ";"], $show ? 1 : 0);
|
|
@@ -45,7 +45,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
|
|
|
45
45
|
export var StyledMultiSelectMenu = StyledSelectMenu;
|
|
46
46
|
export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
|
|
47
47
|
displayName: "StyledMultiSelectButton",
|
|
48
|
-
componentId: "core-
|
|
48
|
+
componentId: "core-12_49_0__sc-s9ym9q-7"
|
|
49
49
|
})(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref3) {
|
|
50
50
|
var $emptyValue = _ref3.$emptyValue;
|
|
51
51
|
return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);
|
|
@@ -6,14 +6,14 @@ export var optionMinHeight = 32;
|
|
|
6
6
|
export var defaultMenuHeight = 64;
|
|
7
7
|
export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
|
|
8
8
|
displayName: "StyledOptions",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-12_49_0__sc-3o6zya-0"
|
|
10
10
|
})([""]);
|
|
11
11
|
export var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
|
12
12
|
displayName: "StyledItem",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-12_49_0__sc-3o6zya-1"
|
|
14
14
|
})(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
|
|
15
15
|
export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
|
|
16
16
|
displayName: "StyledGroup",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-12_49_0__sc-3o6zya-2"
|
|
18
18
|
})(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
|
|
19
19
|
//# sourceMappingURL=NextMenu.styles.js.map
|
|
@@ -75,26 +75,26 @@ function selectableTileFocusWithinOutlineCss() {
|
|
|
75
75
|
}
|
|
76
76
|
export var StyledNextTileInertContent = /*#__PURE__*/styled.div.withConfig({
|
|
77
77
|
displayName: "StyledNextTileInertContent",
|
|
78
|
-
componentId: "core-
|
|
78
|
+
componentId: "core-12_49_0__sc-17bbrfw-0"
|
|
79
79
|
})(["display:contents;color:", ";& *{color:inherit;}"], disabledText);
|
|
80
80
|
export var StyledNextTileFocusTarget = /*#__PURE__*/styled.div.withConfig({
|
|
81
81
|
displayName: "StyledNextTileFocusTarget",
|
|
82
|
-
componentId: "core-
|
|
82
|
+
componentId: "core-12_49_0__sc-17bbrfw-1"
|
|
83
83
|
})(["border-radius:inherit;min-height:0;outline:none;"]);
|
|
84
84
|
export var StyledNextInteractableTile = /*#__PURE__*/styled(StyledInteractableTile).withConfig({
|
|
85
85
|
displayName: "StyledNextInteractableTile",
|
|
86
|
-
componentId: "core-
|
|
86
|
+
componentId: "core-12_49_0__sc-17bbrfw-2"
|
|
87
87
|
})(["border:", ";position:relative;", ""], nextTileNeutralBorder, function (_ref5) {
|
|
88
88
|
var $disabled = _ref5.$disabled;
|
|
89
89
|
return $disabled && css(["&&{border-color:", ";cursor:not-allowed;pointer-events:none;}&&:focus{border:1px solid ", ";box-shadow:none;outline:none;}", ""], colors.gray85, colors.gray85, disabledInteractableStyles);
|
|
90
90
|
});
|
|
91
91
|
export var StyledNextLinkTile = /*#__PURE__*/styled(StyledLinkTile).withConfig({
|
|
92
92
|
displayName: "StyledNextLinkTile",
|
|
93
|
-
componentId: "core-
|
|
93
|
+
componentId: "core-12_49_0__sc-17bbrfw-3"
|
|
94
94
|
})(["border:", ";position:relative;", ""], nextTileNeutralBorder, nextTileLinkLikeFocusStyles);
|
|
95
95
|
export var StyledNextSelectableTile = /*#__PURE__*/styled(StyledSelectableTile).withConfig({
|
|
96
96
|
displayName: "StyledNextSelectableTile",
|
|
97
|
-
componentId: "core-
|
|
97
|
+
componentId: "core-12_49_0__sc-17bbrfw-4"
|
|
98
98
|
})(["position:relative;", " ", " ", " ", " ", " &:focus{", " outline:none;}", " ", ""], function (p) {
|
|
99
99
|
return nextTileSelectableBorderStyles(p);
|
|
100
100
|
}, function (_ref6) {
|
|
@@ -14,7 +14,7 @@ var variantColorMap = {
|
|
|
14
14
|
};
|
|
15
15
|
var StyledNotation = /*#__PURE__*/styled.i.withConfig({
|
|
16
16
|
displayName: "StyledNotation",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-12_49_0__sc-160q1m6-0"
|
|
18
18
|
})(["", " color:", ";font-style:italic;"], getTypographyIntent('small'), function (_ref) {
|
|
19
19
|
var $variant = _ref.$variant;
|
|
20
20
|
return $variant ? colors[variantColorMap[$variant]] : colors.gray15;
|