@procore/core-react 11.24.0 → 11.24.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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.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 +8 -8
- package/dist/Card/Card.styles.js +1 -1
- package/dist/Checkbox/Checkbox.styles.js +5 -5
- package/dist/ContactItem/ContactItem.styles.js +5 -5
- package/dist/Content/Content.styles.js +2 -2
- package/dist/DateInput/DateInput.styles.js +6 -6
- package/dist/DetailPage/DetailPage.styles.js +7 -7
- package/dist/Dropdown/Dropdown.styles.js +3 -3
- package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
- package/dist/Dropzone/Dropzone.js +1 -1
- package/dist/Dropzone/Dropzone.styles.js +9 -9
- package/dist/Dropzone/Dropzone.types.d.ts +2 -2
- package/dist/Dropzone/Dropzone.types.js +0 -2
- package/dist/Dropzone/Dropzone.types.js.map +1 -1
- 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 +15 -15
- 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.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/Overlay/index.d.ts +1 -1
- package/dist/Overlay/index.js +1 -1
- package/dist/Overlay/index.js.map +1 -1
- package/dist/PageLayout/PageLayout.styles.js +13 -13
- 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.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 +8 -8
- 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/Thumbnail/index.d.ts +1 -1
- package/dist/Thumbnail/index.js +0 -1
- package/dist/Thumbnail/index.js.map +1 -1
- package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
- package/dist/TieredSelect/TieredSelect.styles.js +9 -9
- package/dist/Tile/Tile.styles.js +8 -8
- package/dist/Title/Title.styles.js +7 -7
- package/dist/Toast/Toast.styles.js +3 -3
- package/dist/ToggleButton/ToggleButton.styles.js +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/DateTime/index.d.ts +1 -1
- package/dist/_hooks/DateTime/index.js +1 -1
- package/dist/_hooks/DateTime/index.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 +13 -13
- 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 +7 -7
- 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 +698 -698
- 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 +30 -30
- 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 +46 -46
- 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 +55 -55
- 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 +96 -96
- 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/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/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -24,26 +24,26 @@ var iconSize = {
|
|
|
24
24
|
};
|
|
25
25
|
export var StyledAvatarOverlay = /*#__PURE__*/styled.div.withConfig({
|
|
26
26
|
displayName: "StyledAvatarOverlay",
|
|
27
|
-
componentId: "core-
|
|
27
|
+
componentId: "core-11_24_1__sc-7q2ydl-0"
|
|
28
28
|
})(["width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;opacity:0;"]);
|
|
29
29
|
export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
|
|
30
30
|
displayName: "StyledIconContainer",
|
|
31
|
-
componentId: "core-
|
|
31
|
+
componentId: "core-11_24_1__sc-7q2ydl-1"
|
|
32
32
|
})(["display:inline-flex;"]);
|
|
33
33
|
export var StyledLabelContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34
34
|
displayName: "StyledLabelContainer",
|
|
35
|
-
componentId: "core-
|
|
35
|
+
componentId: "core-11_24_1__sc-7q2ydl-2"
|
|
36
36
|
})(["text-transform:uppercase;"]);
|
|
37
37
|
export var StyledPortraitContainer = /*#__PURE__*/styled.div.withConfig({
|
|
38
38
|
displayName: "StyledPortraitContainer",
|
|
39
|
-
componentId: "core-
|
|
39
|
+
componentId: "core-11_24_1__sc-7q2ydl-3"
|
|
40
40
|
})(["background-color:", ";background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;", ""], colors.white, function (_ref) {
|
|
41
41
|
var $imageUrl = _ref.$imageUrl;
|
|
42
42
|
return css(["background-image:url(", ");"], $imageUrl);
|
|
43
43
|
});
|
|
44
44
|
export var StyledAvatarContainer = /*#__PURE__*/styled.div.withConfig({
|
|
45
45
|
displayName: "StyledAvatarContainer",
|
|
46
|
-
componentId: "core-
|
|
46
|
+
componentId: "core-11_24_1__sc-7q2ydl-4"
|
|
47
47
|
})(["display:inline-flex;justify-content:center;align-items:center;border-radius:100%;overflow:hidden;position:relative;cursor:default;color:", ";background-color:", ";text-decoration:none;a:has(> &){text-decoration:none;}&:focus{", "}a:focus:has(> &){", " border-radius:100%;}", " ", ";"], colors.white, colors.gray30, getGapOutlineFocus, getGapOutlineFocus, function (_ref2) {
|
|
48
48
|
var _ref2$$size = _ref2.$size,
|
|
49
49
|
$size = _ref2$$size === void 0 ? 'md' : _ref2$$size;
|
|
@@ -7,32 +7,32 @@ import { spacing } from '../_styles/spacing';
|
|
|
7
7
|
var maxModalWidth = 528;
|
|
8
8
|
var StyledBaseAvatar = /*#__PURE__*/styled(Avatar).withConfig({
|
|
9
9
|
displayName: "StyledBaseAvatar",
|
|
10
|
-
componentId: "core-
|
|
10
|
+
componentId: "core-11_24_1__sc-ft72hu-0"
|
|
11
11
|
})(["border-color:", ";border-style:solid;border-width:1px;&:hover{z-index:1;}&[role='img']:focus{outline:none;}"], colors.white);
|
|
12
12
|
export var StyledAvatar = /*#__PURE__*/styled(StyledBaseAvatar).withConfig({
|
|
13
13
|
displayName: "StyledAvatar",
|
|
14
|
-
componentId: "core-
|
|
14
|
+
componentId: "core-11_24_1__sc-ft72hu-1"
|
|
15
15
|
})(["background-color:", ";"], function (props) {
|
|
16
16
|
return colors[props.$color];
|
|
17
17
|
});
|
|
18
18
|
export var StyledContactItems = /*#__PURE__*/styled.div.withConfig({
|
|
19
19
|
displayName: "StyledContactItems",
|
|
20
|
-
componentId: "core-
|
|
20
|
+
componentId: "core-11_24_1__sc-ft72hu-2"
|
|
21
21
|
})(["padding-top:", "px;padding-bottom:", "px;padding-left:", "px;"], spacing.sm, spacing.sm, spacing.xs);
|
|
22
22
|
export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
23
23
|
displayName: "StyledWrapper",
|
|
24
|
-
componentId: "core-
|
|
24
|
+
componentId: "core-11_24_1__sc-ft72hu-3"
|
|
25
25
|
})(["display:flex;", " + ", "{margin-left:-", "px;}"], StyledAvatar, StyledAvatar, spacing.sm);
|
|
26
26
|
export var StyledViewAllWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
27
27
|
displayName: "StyledViewAllWrapper",
|
|
28
|
-
componentId: "core-
|
|
28
|
+
componentId: "core-11_24_1__sc-ft72hu-4"
|
|
29
29
|
})(["display:flex;margin-left:", "px;margin-bottom:", "px;"], spacing.md, spacing.lg);
|
|
30
30
|
export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
|
|
31
31
|
displayName: "StyledModalBody",
|
|
32
|
-
componentId: "core-
|
|
32
|
+
componentId: "core-11_24_1__sc-ft72hu-5"
|
|
33
33
|
})(["max-width:", "px;"], maxModalWidth);
|
|
34
34
|
export var StyledContactItem = /*#__PURE__*/styled(ContactItem).withConfig({
|
|
35
35
|
displayName: "StyledContactItem",
|
|
36
|
-
componentId: "core-
|
|
36
|
+
componentId: "core-11_24_1__sc-ft72hu-6"
|
|
37
37
|
})(["flex-shrink:0;"]);
|
|
38
38
|
//# sourceMappingURL=AvatarStack.styles.js.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
export var StyledBadge = /*#__PURE__*/styled.div.withConfig({
|
|
3
3
|
displayName: "StyledBadge",
|
|
4
|
-
componentId: "core-
|
|
4
|
+
componentId: "core-11_24_1__sc-rpertu-0"
|
|
5
5
|
})(["display:inline-block;position:relative;"]);
|
|
6
6
|
export var StyledBadgeLabel = /*#__PURE__*/styled.span.withConfig({
|
|
7
7
|
displayName: "StyledBadgeLabel",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-11_24_1__sc-rpertu-1"
|
|
9
9
|
})(["bottom:100%;position:absolute;right:0;transform:translateX(50%) translateY(50%);"]);
|
|
10
10
|
//# sourceMappingURL=Badge.styles.js.map
|
|
@@ -44,7 +44,7 @@ var expandContent = function expandContent(maxHeight) {
|
|
|
44
44
|
};
|
|
45
45
|
export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
|
|
46
46
|
displayName: "StyledBannerContainer",
|
|
47
|
-
componentId: "core-
|
|
47
|
+
componentId: "core-11_24_1__sc-149wm7c-0"
|
|
48
48
|
})(["align-items:center;border-left:", "px solid;border-radius:", "px;color:", ";display:flex;justify-content:space-between;min-height:52px;padding:0 ", "px;", " ", " ", ""], bannerLeft, borderRadius.md, colors.gray15, spacing.lg, bannerShadow, function (_ref) {
|
|
49
49
|
var variant = _ref.variant;
|
|
50
50
|
var _bannerVariantColors$ = bannerVariantColors[variant],
|
|
@@ -57,15 +57,15 @@ export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
57
57
|
});
|
|
58
58
|
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
|
59
59
|
displayName: "StyledContent",
|
|
60
|
-
componentId: "core-
|
|
60
|
+
componentId: "core-11_24_1__sc-149wm7c-1"
|
|
61
61
|
})(["align-self:center;margin:", "px ", "px;width:100%;"], spacing.sm, spacing.lg);
|
|
62
62
|
export var StyledExpandableContentContainer = /*#__PURE__*/styled(Flex).withConfig({
|
|
63
63
|
displayName: "StyledExpandableContentContainer",
|
|
64
|
-
componentId: "core-
|
|
64
|
+
componentId: "core-11_24_1__sc-149wm7c-2"
|
|
65
65
|
})(["color:", ";min-height:52px;padding:0 ", "px;position:relative;z-index:1;", ""], colors.gray15, spacing.lg, bannerShadow);
|
|
66
66
|
export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
|
|
67
67
|
displayName: "StyledExpandableContent",
|
|
68
|
-
componentId: "core-
|
|
68
|
+
componentId: "core-11_24_1__sc-149wm7c-3"
|
|
69
69
|
})(["animation-duration:450ms;animation-fill-mode:forwards;animation-timing-function:ease-out;background-color:", ";box-sizing:border-box;font-size:14px;font-weight:500;letter-spacing:0.25px;line-height:20px;overflow-y:auto;padding:0 ", "px;position:relative;z-index:0;", " ", ""], colors.white, spacing.xl * 2 + spacing.sm, function (_ref3) {
|
|
70
70
|
var isOverflowingY = _ref3.isOverflowingY;
|
|
71
71
|
return isOverflowingY && focusable;
|
|
@@ -75,23 +75,23 @@ export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
|
|
|
75
75
|
});
|
|
76
76
|
export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
|
|
77
77
|
displayName: "StyledTitle",
|
|
78
|
-
componentId: "core-
|
|
78
|
+
componentId: "core-11_24_1__sc-149wm7c-4"
|
|
79
79
|
})(["", " color:", ";font-weight:", ";"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
|
|
80
80
|
export var StyledBody = /*#__PURE__*/styled.div.withConfig({
|
|
81
81
|
displayName: "StyledBody",
|
|
82
|
-
componentId: "core-
|
|
82
|
+
componentId: "core-11_24_1__sc-149wm7c-5"
|
|
83
83
|
})(["", " color:", ";"], getTypographyIntent('body'), colors.gray15);
|
|
84
84
|
export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
|
|
85
85
|
displayName: "StyledIconContainer",
|
|
86
|
-
componentId: "core-
|
|
86
|
+
componentId: "core-11_24_1__sc-149wm7c-6"
|
|
87
87
|
})(["flex:0 0 auto;margin:", "px 0;"], spacing.lg);
|
|
88
88
|
export var StyledActionsTrigger = /*#__PURE__*/styled(DropdownButton).withConfig({
|
|
89
89
|
displayName: "StyledActionsTrigger",
|
|
90
|
-
componentId: "core-
|
|
90
|
+
componentId: "core-11_24_1__sc-149wm7c-7"
|
|
91
91
|
})(["flex-shrink:0;& + ", "{margin-left:", "px;}"], StyledButton, spacing.sm);
|
|
92
92
|
export var StyledAction = /*#__PURE__*/styled.div.withConfig({
|
|
93
93
|
displayName: "StyledAction",
|
|
94
|
-
componentId: "core-
|
|
94
|
+
componentId: "core-11_24_1__sc-149wm7c-8"
|
|
95
95
|
})(["margin:", "px 0;& + ", ",& + ", "{margin-left:", "px;}", "{background:rgba(0,0,0,0.05);color:", ";&:hover{background:", ";color:", ";}}"], spacing.sm, StyledButton, StyledActionsTrigger, spacing.sm, StyledButton, colors.gray15, colors.gray85, colors.gray15);
|
|
96
96
|
function getMiniBannerIconColor(_ref5) {
|
|
97
97
|
var variant = _ref5.variant;
|
|
@@ -99,6 +99,6 @@ function getMiniBannerIconColor(_ref5) {
|
|
|
99
99
|
}
|
|
100
100
|
export var StyledMiniBannerContainer = /*#__PURE__*/styled.div.withConfig({
|
|
101
101
|
displayName: "StyledMiniBannerContainer",
|
|
102
|
-
componentId: "core-
|
|
102
|
+
componentId: "core-11_24_1__sc-149wm7c-9"
|
|
103
103
|
})(["align-items:center;background-color:", ";display:flex;justify-content:space-between;padding:0 ", "px;", " ", " & ", "{margin:", "px;}"], colors.gray96, spacing.md, getTypographyIntent('small'), getMiniBannerIconColor, StyledContent, spacing.sm);
|
|
104
104
|
//# sourceMappingURL=Banner.styles.js.map
|
package/dist/Box/Box.styles.js
CHANGED
|
@@ -21,7 +21,7 @@ function sizeToPx(size) {
|
|
|
21
21
|
}
|
|
22
22
|
export var StyledBox = /*#__PURE__*/styled.div.withConfig({
|
|
23
23
|
displayName: "StyledBox",
|
|
24
|
-
componentId: "core-
|
|
24
|
+
componentId: "core-11_24_1__sc-fgsy0p-0"
|
|
25
25
|
})(["", " ", ""], function (_ref) {
|
|
26
26
|
var $as = _ref.$as;
|
|
27
27
|
if ($as === 'ol' || $as === 'ul') {
|
|
@@ -4,19 +4,19 @@ import { colors } from '../_styles/colors';
|
|
|
4
4
|
import { spacing } from '../_styles/spacing';
|
|
5
5
|
export var StyledContainer = /*#__PURE__*/styled.nav.withConfig({
|
|
6
6
|
displayName: "StyledContainer",
|
|
7
|
-
componentId: "core-
|
|
7
|
+
componentId: "core-11_24_1__sc-1q6nqfz-0"
|
|
8
8
|
})(["color:", ";display:flex;align-items:center;a,a:hover{display:inline-flex;text-decoration:none;}"], colors.gray50);
|
|
9
9
|
export var StyledList = /*#__PURE__*/styled.ol.withConfig({
|
|
10
10
|
displayName: "StyledList",
|
|
11
|
-
componentId: "core-
|
|
11
|
+
componentId: "core-11_24_1__sc-1q6nqfz-1"
|
|
12
12
|
})(["display:flex;margin:0;padding-left:0;"]);
|
|
13
13
|
export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
|
|
14
14
|
displayName: "StyledSeparator",
|
|
15
|
-
componentId: "core-
|
|
15
|
+
componentId: "core-11_24_1__sc-1q6nqfz-2"
|
|
16
16
|
})(["align-items:center;display:inline-flex;justify-content:center;margin:0px ", "px;"], spacing.xs);
|
|
17
17
|
export var StyledCrumb = /*#__PURE__*/styled.li.withConfig({
|
|
18
18
|
displayName: "StyledCrumb",
|
|
19
|
-
componentId: "core-
|
|
19
|
+
componentId: "core-11_24_1__sc-1q6nqfz-3"
|
|
20
20
|
})(["", " align-items:center;color:", ";display:inline-flex;min-height:24px;text-decoration:none;&:hover{cursor:", ";text-decoration:", ";}> a{color:", ";", "}", ""], getTypographyIntent('body'), colors.gray45, function (_ref) {
|
|
21
21
|
var active = _ref.active;
|
|
22
22
|
return active ? 'default' : 'pointer';
|
|
@@ -84,11 +84,11 @@ function getColors(loading, variant) {
|
|
|
84
84
|
}
|
|
85
85
|
export var StyledContent = /*#__PURE__*/styled.span.withConfig({
|
|
86
86
|
displayName: "StyledContent",
|
|
87
|
-
componentId: "core-
|
|
87
|
+
componentId: "core-11_24_1__sc-c5bhwh-0"
|
|
88
88
|
})(["align-items:center;display:flex;overflow:hidden;"]);
|
|
89
89
|
export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
|
|
90
90
|
displayName: "StyledSpinner",
|
|
91
|
-
componentId: "core-
|
|
91
|
+
componentId: "core-11_24_1__sc-c5bhwh-1"
|
|
92
92
|
})(["box-sizing:border-box;display:none;position:absolute;transform:translateZ(0);@media ", "{left:50%;top:50%;", "}"], mediaIE11Hack, function (_ref) {
|
|
93
93
|
var size = _ref.size;
|
|
94
94
|
var margin = -1 * (spinnerDimensions[size !== null && size !== void 0 ? size : defaultSpinnerSize] / 2);
|
|
@@ -96,14 +96,14 @@ export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
|
|
|
96
96
|
});
|
|
97
97
|
export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
|
|
98
98
|
displayName: "StyledLabel",
|
|
99
|
-
componentId: "core-
|
|
99
|
+
componentId: "core-11_24_1__sc-c5bhwh-2"
|
|
100
100
|
})(["overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap;& + span{padding-left:0;}"]);
|
|
101
101
|
function getButtonStyles(block, disabled, loading, size, variant) {
|
|
102
102
|
return css(["", " ", " ", " align-items:center;border-radius:", "px;border:0;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;font-family:inherit;font-weight:", ";height:", "px;justify-content:center;margin:0;overflow:hidden;padding:0 ", "px;position:relative;pointer-events:", ";text-overflow:ellipsis;user-select:", ";vertical-align:middle;white-space:nowrap;width:", ";[data-icon-prop='true']{pointer-events:none;height:", "px;width:", "px;}", ""], getTypographyIntent(typographySizes[size]), focusable, getColors(loading, variant), borderRadius.md, typographyWeights.semibold, heights[size], paddingX[size], disabled || loading ? 'none' : 'inherit', disabled || loading ? 'none' : 'inherit', block && '100%', size === 'sm' ? 16 : 24, size === 'sm' ? 16 : 24, loading && css(["", "{pointer-events:none;visibility:hidden;}", "{display:block;}"], StyledContent, StyledSpinner));
|
|
103
103
|
}
|
|
104
104
|
export var StyledButton = /*#__PURE__*/styled.button.withConfig({
|
|
105
105
|
displayName: "StyledButton",
|
|
106
|
-
componentId: "core-
|
|
106
|
+
componentId: "core-11_24_1__sc-c5bhwh-3"
|
|
107
107
|
})(["", ""], function (_ref2) {
|
|
108
108
|
var $block = _ref2.$block,
|
|
109
109
|
disabled = _ref2.disabled,
|
|
@@ -114,7 +114,7 @@ export var StyledButton = /*#__PURE__*/styled.button.withConfig({
|
|
|
114
114
|
});
|
|
115
115
|
export var StyledLinkButton = /*#__PURE__*/styled.a.withConfig({
|
|
116
116
|
displayName: "StyledLinkButton",
|
|
117
|
-
componentId: "core-
|
|
117
|
+
componentId: "core-11_24_1__sc-c5bhwh-4"
|
|
118
118
|
})(["text-decoration:none;", ""], function (_ref3) {
|
|
119
119
|
var $block = _ref3.$block,
|
|
120
120
|
$disabled = _ref3.$disabled,
|
|
@@ -8,31 +8,31 @@ var cellSize = 36; // TODO one-off size
|
|
|
8
8
|
|
|
9
9
|
export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
|
|
10
10
|
displayName: "StyledContainer",
|
|
11
|
-
componentId: "core-
|
|
11
|
+
componentId: "core-11_24_1__sc-1kkl86t-0"
|
|
12
12
|
})(["", ";display:inline-flex;flex-direction:column;padding:", "px ", "px ", "px;"], getTypographyIntent('small'), spacing.lg, spacing.md, spacing.md);
|
|
13
13
|
export var StyledPaginator = /*#__PURE__*/styled(Button).withConfig({
|
|
14
14
|
displayName: "StyledPaginator",
|
|
15
|
-
componentId: "core-
|
|
15
|
+
componentId: "core-11_24_1__sc-1kkl86t-1"
|
|
16
16
|
})(["flex:0 0 auto;"]);
|
|
17
17
|
export var StyledSelect = /*#__PURE__*/styled.div.withConfig({
|
|
18
18
|
displayName: "StyledSelect",
|
|
19
|
-
componentId: "core-
|
|
19
|
+
componentId: "core-11_24_1__sc-1kkl86t-2"
|
|
20
20
|
})(["display:inline-flex;flex:1 1 0;margin-left:", "px;> div{font-size:12px;}"], spacing.sm);
|
|
21
21
|
export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
|
|
22
22
|
displayName: "StyledNavigation",
|
|
23
|
-
componentId: "core-
|
|
23
|
+
componentId: "core-11_24_1__sc-1kkl86t-3"
|
|
24
24
|
})(["display:inline-flex;margin-bottom:", "px;", " + ", ",", " + ", "{margin-left:", "px;}"], spacing.sm, StyledPaginator, StyledSelect, StyledSelect, StyledPaginator, spacing.sm);
|
|
25
25
|
export var StyledCell = /*#__PURE__*/styled.div.withConfig({
|
|
26
26
|
displayName: "StyledCell",
|
|
27
|
-
componentId: "core-
|
|
27
|
+
componentId: "core-11_24_1__sc-1kkl86t-4"
|
|
28
28
|
})(["align-items:center;display:inline-flex;height:", "px;justify-content:center;width:", "px;"], cellSize, cellSize);
|
|
29
29
|
export var StyledDayHeaderCell = /*#__PURE__*/styled(StyledCell).withConfig({
|
|
30
30
|
displayName: "StyledDayHeaderCell",
|
|
31
|
-
componentId: "core-
|
|
31
|
+
componentId: "core-11_24_1__sc-1kkl86t-5"
|
|
32
32
|
})(["cursor:default;font-weight:", ";"], typographyWeights.semibold);
|
|
33
33
|
export var StyledDayCell = /*#__PURE__*/styled(StyledCell).withConfig({
|
|
34
34
|
displayName: "StyledDayCell",
|
|
35
|
-
componentId: "core-
|
|
35
|
+
componentId: "core-11_24_1__sc-1kkl86t-6"
|
|
36
36
|
})(["", ""], function (_ref) {
|
|
37
37
|
var _ref$$disabled = _ref.$disabled,
|
|
38
38
|
$disabled = _ref$$disabled === void 0 ? false : _ref$$disabled,
|
|
@@ -55,6 +55,6 @@ export var StyledDayCell = /*#__PURE__*/styled(StyledCell).withConfig({
|
|
|
55
55
|
});
|
|
56
56
|
export var StyledWeekRow = /*#__PURE__*/styled.div.withConfig({
|
|
57
57
|
displayName: "StyledWeekRow",
|
|
58
|
-
componentId: "core-
|
|
58
|
+
componentId: "core-11_24_1__sc-1kkl86t-7"
|
|
59
59
|
})(["display:inline-flex;padding-bottom:2px;user-select:none;&:last-child{padding-bottom:0;}", "{&:first-child{border-top-left-radius:", "px;border-bottom-left-radius:", "px;}&:last-child{border-top-right-radius:", "px;border-bottom-right-radius:", "px;}}"], StyledCell, borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md);
|
|
60
60
|
//# sourceMappingURL=Calendar.styles.js.map
|
package/dist/Card/Card.styles.js
CHANGED
|
@@ -4,7 +4,7 @@ import { colors } from '../_styles/colors';
|
|
|
4
4
|
import { getShadow } from '../_styles/shadows';
|
|
5
5
|
export var StyledCardContainer = /*#__PURE__*/styled.div.withConfig({
|
|
6
6
|
displayName: "StyledCardContainer",
|
|
7
|
-
componentId: "core-
|
|
7
|
+
componentId: "core-11_24_1__sc-2fii7b-0"
|
|
8
8
|
})(["background-color:", ";border-radius:", "px;transition:box-shadow 0.2s ease-in-out;", " ", ""], colors.white, borderRadius.md, function (_ref) {
|
|
9
9
|
var $level = _ref.$level,
|
|
10
10
|
$shadowStrength = _ref.$shadowStrength;
|
|
@@ -8,7 +8,7 @@ export var dataQa = {
|
|
|
8
8
|
};
|
|
9
9
|
export var StyledCheckboxContainer = /*#__PURE__*/styled.label.withConfig({
|
|
10
10
|
displayName: "StyledCheckboxContainer",
|
|
11
|
-
componentId: "core-
|
|
11
|
+
componentId: "core-11_24_1__sc-u63tye-0"
|
|
12
12
|
})(["color:", ";display:block;position:relative;& + &{margin-top:", "px;}"], colors.gray15, spacing.md);
|
|
13
13
|
var checkboxSize = 20;
|
|
14
14
|
function StyledIndeterminate() {
|
|
@@ -48,14 +48,14 @@ function StyledFakeIndeterminate() {
|
|
|
48
48
|
}
|
|
49
49
|
export var StyledCheckboxLabel = /*#__PURE__*/styled.span.withConfig({
|
|
50
50
|
displayName: "StyledCheckboxLabel",
|
|
51
|
-
componentId: "core-
|
|
51
|
+
componentId: "core-11_24_1__sc-u63tye-1"
|
|
52
52
|
})(["", " display:block;min-height:", "px;padding-left:", "px;position:relative;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;}"], getTypographyIntent('body'), checkboxSize, function (_ref) {
|
|
53
53
|
var children = _ref.children;
|
|
54
54
|
return children ? checkboxSize + spacing.md : checkboxSize;
|
|
55
55
|
}, colors.white, colors.gray70, checkboxSize, checkboxSize, checkboxSize);
|
|
56
56
|
export var StyledCheckboxInput = /*#__PURE__*/styled.input.withConfig({
|
|
57
57
|
displayName: "StyledCheckboxInput",
|
|
58
|
-
componentId: "core-
|
|
58
|
+
componentId: "core-11_24_1__sc-u63tye-2"
|
|
59
59
|
})(["left:0;opacity:0;position:absolute;top:0;&:disabled:checked + ", ":before{background-color:", ";border-color:", ";}&:disabled + ", ":before{background-color:", ";border-color:", ";}", " &:checked + ", "{position:relative;&:before{background-color:", ";border-color:", ";color:", ";}&:after{", "}}&:focus:not(:disabled),&[data-qa=", "]:not(:disabled){+ ", ":before{", "}}", ""], StyledCheckboxLabel, colors.blue85, colors.blue85, StyledCheckboxLabel, function (_ref2) {
|
|
60
60
|
var $indeterminate = _ref2.$indeterminate;
|
|
61
61
|
return $indeterminate ? colors.gray85 : colors.white;
|
|
@@ -79,7 +79,7 @@ export var StyledCheckboxInput = /*#__PURE__*/styled.input.withConfig({
|
|
|
79
79
|
});
|
|
80
80
|
export var StyledFakeCheckboxLabel = /*#__PURE__*/styled.span.withConfig({
|
|
81
81
|
displayName: "StyledFakeCheckboxLabel",
|
|
82
|
-
componentId: "core-
|
|
82
|
+
componentId: "core-11_24_1__sc-u63tye-3"
|
|
83
83
|
})(["", " display:block;min-height:", "px;padding-left:", "px;position:relative;user-select:none;cursor:pointer;", ""], getTypographyIntent('body'), checkboxSize, function (_ref7) {
|
|
84
84
|
var children = _ref7.children;
|
|
85
85
|
return children ? checkboxSize + spacing.md : checkboxSize;
|
|
@@ -95,7 +95,7 @@ export var StyledFakeCheckboxLabel = /*#__PURE__*/styled.span.withConfig({
|
|
|
95
95
|
});
|
|
96
96
|
export var StyledFakeCheckboxInput = /*#__PURE__*/styled.div.withConfig({
|
|
97
97
|
displayName: "StyledFakeCheckboxInput",
|
|
98
|
-
componentId: "core-
|
|
98
|
+
componentId: "core-11_24_1__sc-u63tye-4"
|
|
99
99
|
})(["width:", "px;height:", "px;border-radius:2px;border:2px solid ", ";position:absolute;", " ", " ", " ", ""], checkboxSize, checkboxSize, colors.gray70, function (_ref9) {
|
|
100
100
|
var $checked = _ref9.$checked,
|
|
101
101
|
$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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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);
|
|
@@ -8,31 +8,31 @@ 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_24_1__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-
|
|
15
|
+
componentId: "core-11_24_1__sc-cytnlo-1"
|
|
16
16
|
})(["padding-bottom:", "px;> ", ":first-child,> ", "{margin-top:", "px;}"], spacing.xl, StyledPageBanner, StyledPageTitle, spacing.xl);
|
|
17
17
|
export var StyledDetailPageFooterNotation = /*#__PURE__*/styled.div.withConfig({
|
|
18
18
|
displayName: "StyledDetailPageFooterNotation",
|
|
19
|
-
componentId: "core-
|
|
19
|
+
componentId: "core-11_24_1__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_24_1__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_24_1__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_24_1__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-
|
|
36
|
+
componentId: "core-11_24_1__sc-cytnlo-6"
|
|
37
37
|
})(["margin-top:", "px;width:100%;& > ", "{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
|
|
@@ -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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__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_24_1__sc-by95hy-8"
|
|
66
66
|
})(["height:100%;"]);
|
|
67
67
|
//# sourceMappingURL=Dropzone.styles.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DropzoneInputProps as DropzoneInputPropsBase, DropzoneOptions, DropzoneRootProps as DropzoneRootPropsBase, DropzoneState, FileError as FileRejectionError, FileRejection } from 'react-dropzone';
|
|
2
|
+
import { DropzoneInputProps as DropzoneInputPropsBase, DropzoneOptions, DropzoneRootProps as DropzoneRootPropsBase, DropzoneState, type FileError as FileRejectionError, type FileRejection } from 'react-dropzone';
|
|
3
3
|
export declare type DropzoneFile = any;
|
|
4
4
|
export declare type FileRejectionReason = FileRejectionError['code'];
|
|
5
5
|
export declare const fileRejectionReason: Record<string, FileRejectionReason>;
|
|
@@ -141,7 +141,7 @@ export declare const dropErrors: {
|
|
|
141
141
|
readonly multipleErrors: "MULTIPLE_ERRORS";
|
|
142
142
|
readonly reset: "RESET";
|
|
143
143
|
};
|
|
144
|
-
export declare type DropErrorType = typeof dropErrors[keyof typeof dropErrors];
|
|
144
|
+
export declare type DropErrorType = (typeof dropErrors)[keyof typeof dropErrors];
|
|
145
145
|
export declare type DropError = {
|
|
146
146
|
/**
|
|
147
147
|
* @since 10.19.0
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import { FileError as FileRejectionError, FileRejection } from 'react-dropzone';
|
|
2
1
|
export var fileRejectionReason = {
|
|
3
2
|
maxFiles: 'too-many-files',
|
|
4
3
|
maxFileSize: 'file-too-large',
|
|
5
4
|
minFileSize: 'file-too-small',
|
|
6
5
|
fileType: 'file-invalid-type'
|
|
7
6
|
};
|
|
8
|
-
export { FileRejection, FileRejectionError };
|
|
9
7
|
export var dropErrors = {
|
|
10
8
|
fileType: 'FILE_TYPE_ERROR',
|
|
11
9
|
fileAmount: 'FILE_AMOUNT_ERROR',
|