@procore/core-react 11.25.2 → 11.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Avatar/Avatar.styles.js +5 -5
- package/dist/AvatarStack/AvatarStack.styles.js +7 -7
- package/dist/Badge/Badge.styles.js +2 -2
- package/dist/Banner/Banner.d.ts +8 -0
- package/dist/Banner/Banner.js +13 -2
- package/dist/Banner/Banner.js.map +1 -1
- package/dist/Banner/Banner.styles.js +16 -11
- package/dist/Banner/Banner.styles.js.map +1 -1
- package/dist/Banner/Banner.types.d.ts +4 -2
- package/dist/Banner/Banner.types.js.map +1 -1
- package/dist/Banner/index.d.ts +1 -1
- package/dist/Banner/index.js +1 -1
- package/dist/Banner/index.js.map +1 -1
- package/dist/Box/Box.styles.js +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/dist/Button/Button.styles.js +5 -5
- package/dist/Calendar/Calendar.styles.js +8 -8
- package/dist/Card/Card.styles.js +1 -1
- package/dist/Checkbox/Checkbox.styles.js +6 -6
- package/dist/ContactItem/ContactItem.styles.js +5 -5
- package/dist/Content/Content.styles.js +2 -2
- package/dist/DateInput/DateInput.styles.js +6 -6
- package/dist/DetailPage/DetailPage.styles.js +10 -10
- package/dist/DetailPage/DetailPage.styles.js.map +1 -1
- package/dist/DetailPage/examples/TableExample.d.ts +2 -0
- package/dist/DetailPage/examples/TableExample.js +141 -0
- package/dist/DetailPage/examples/TableExample.js.map +1 -0
- package/dist/Dropdown/Dropdown.styles.js +3 -3
- package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
- package/dist/Dropzone/Dropzone.js +1 -1
- package/dist/Dropzone/Dropzone.styles.js +9 -9
- package/dist/EmptyState/EmptyState.styles.js +6 -6
- package/dist/Field/Field.styles.js +3 -3
- package/dist/FileList/FileList.styles.js +4 -4
- package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
- package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
- package/dist/FileSelect/FileSelect.styles.js +2 -2
- package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
- package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
- package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
- package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
- package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
- package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
- package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
- package/dist/FileToken/FileToken.styles.js +4 -4
- package/dist/FilterToken/FilterToken.styles.js +2 -2
- package/dist/FlexList/FlexList.styles.js +1 -1
- package/dist/Form/Form.styles.js +16 -16
- package/dist/Grid/Grid.styles.js +2 -2
- package/dist/GroupSelect/GroupSelect.styles.js +1 -1
- package/dist/Input/Input.styles.js +1 -1
- package/dist/Link/Link.styles.js +2 -2
- package/dist/Link/Link.styles.js.map +1 -1
- package/dist/ListPage/ListPage.styles.js +8 -8
- package/dist/Loader/Loader.styles.js +2 -2
- package/dist/MenuImperative/MenuImperative.styles.js +10 -10
- package/dist/Modal/Modal.styles.js +13 -13
- package/dist/MultiSelect/MultiSelect.styles.js +6 -6
- package/dist/NextMenu/NextMenu.styles.js +3 -3
- package/dist/Notation/Notation.js +1 -1
- package/dist/NumberInput/NumberInput.styles.js +7 -7
- package/dist/Overlay/OverlayArrow.styles.js +1 -1
- package/dist/PageLayout/PageLayout.styles.js +14 -14
- package/dist/PageLayout/PageLayout.styles.js.map +1 -1
- package/dist/Pagination/Pagination.styles.js +5 -5
- package/dist/Panel/Panel.styles.js +11 -11
- package/dist/Pill/Pill.styles.js +2 -2
- package/dist/PillSelect/PillSelect.styles.js +4 -4
- package/dist/Popover/Popover.styles.js +2 -2
- package/dist/Portal/Portal.styles.js +1 -1
- package/dist/ProgressBar/ProgressBar.styles.js +2 -2
- package/dist/RadioButton/RadioButton.styles.js +3 -3
- package/dist/Required/Required.styles.js +3 -3
- package/dist/Search/Search.styles.js +5 -5
- package/dist/Section/Section.styles.d.ts +1 -1
- package/dist/Section/Section.styles.js +6 -6
- package/dist/SegmentedController/SegmentedController.styles.js +4 -4
- package/dist/Select/Select.styles.js +7 -7
- package/dist/Semantic/Semantic.styles.js +9 -9
- package/dist/Sidebar/Sidebar.styles.js +7 -7
- package/dist/Slider/Slider.styles.js +5 -5
- package/dist/Spinner/Spinner.styles.js +7 -7
- package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
- package/dist/SuperSelect/SuperSelect.styles.js +37 -37
- package/dist/Switch/Switch.styles.js +4 -4
- package/dist/Table/Table.styles.js +28 -28
- package/dist/TableShelf/TableShelf.styles.js +5 -5
- package/dist/Tabs/Tabs.styles.js +8 -8
- package/dist/Tearsheet/Tearsheet.styles.js +5 -5
- package/dist/TextArea/TextArea.styles.js +1 -1
- package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
- package/dist/Thumbnail/Thumbnail.styles.js +17 -17
- package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
- package/dist/TieredSelect/TieredSelect.js +6 -1
- package/dist/TieredSelect/TieredSelect.js.map +1 -1
- package/dist/TieredSelect/TieredSelect.styles.js +9 -9
- package/dist/Tile/Tile.styles.js +8 -8
- package/dist/Title/Title.d.ts +2 -2
- package/dist/Title/Title.js.map +1 -1
- package/dist/Title/Title.styles.d.ts +2 -1
- package/dist/Title/Title.styles.js +13 -10
- package/dist/Title/Title.styles.js.map +1 -1
- package/dist/Title/Title.types.d.ts +7 -0
- package/dist/Title/Title.types.js.map +1 -1
- package/dist/Toast/Toast.styles.js +3 -3
- package/dist/ToggleButton/ToggleButton.styles.js +1 -1
- package/dist/Token/Token.styles.js +3 -3
- package/dist/ToolHeader/ToolHeader.styles.js +6 -6
- package/dist/Tooltip/Tooltip.styles.js +2 -2
- package/dist/Tree/Tree.styles.js +9 -9
- package/dist/Typeahead/Typeahead.styles.js +3 -3
- package/dist/Typography/Typography.styles.js +1 -1
- package/dist/Typography/Typography.table.story.js +2 -2
- package/dist/_hooks/ScrollLock.js +11 -0
- package/dist/_hooks/ScrollLock.js.map +1 -1
- package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +23 -23
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +16 -16
- package/dist/_typedoc/Box/Box.types.json +68 -68
- package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
- package/dist/_typedoc/Button/Button.types.json +11 -11
- package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
- package/dist/_typedoc/Card/Card.types.json +6 -6
- package/dist/_typedoc/Checkbox/Checkbox.types.json +9 -9
- package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
- package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
- package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
- package/dist/_typedoc/DetailPage/DetailPage.types.json +4 -4
- package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
- package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +29 -29
- package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
- package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
- package/dist/_typedoc/FileList/FileList.types.json +9 -9
- package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
- package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
- package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
- package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
- package/dist/_typedoc/Flex/Flex.types.json +27 -27
- package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
- package/dist/_typedoc/Form/Form.types.json +726 -726
- package/dist/_typedoc/Grid/Grid.types.json +8 -8
- package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
- package/dist/_typedoc/Input/Input.types.json +2 -2
- package/dist/_typedoc/Link/Link.types.json +4 -4
- package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
- package/dist/_typedoc/Menu/Menu.types.json +62 -62
- package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
- package/dist/_typedoc/Modal/Modal.types.json +41 -41
- package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
- package/dist/_typedoc/Notation/Notation.types.json +4 -4
- package/dist/_typedoc/NumberInput/NumberInput.types.json +38 -38
- package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +31 -31
- package/dist/_typedoc/PageLayout/PageLayout.types.json +22 -22
- package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
- package/dist/_typedoc/Panel/Panel.types.json +27 -27
- package/dist/_typedoc/Pill/Pill.types.json +2 -2
- package/dist/_typedoc/PillSelect/PillSelect.types.json +47 -47
- package/dist/_typedoc/Popover/Popover.types.json +14 -14
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +6 -6
- package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
- package/dist/_typedoc/Required/Required.types.json +5 -5
- package/dist/_typedoc/Search/Search.types.json +18 -18
- package/dist/_typedoc/Section/Section.types.json +14 -14
- package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
- package/dist/_typedoc/Select/Select.types.json +57 -57
- package/dist/_typedoc/Slider/Slider.types.json +6 -6
- package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
- package/dist/_typedoc/Switch/Switch.types.json +3 -3
- package/dist/_typedoc/Table/Table.types.json +97 -97
- package/dist/_typedoc/Tabs/Tabs.types.json +17 -17
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +16 -16
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditor.types.json +9 -9
- package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
- package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
- package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
- package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
- package/dist/_typedoc/Tile/Tile.types.json +30 -30
- package/dist/_typedoc/Title/Title.types.json +23 -0
- package/dist/_typedoc/Toast/Toast.types.json +4 -4
- package/dist/_typedoc/ToggleButton/ToggleButton.types.json +3 -3
- package/dist/_typedoc/Token/Token.types.json +4 -4
- package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
- package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
- package/dist/_typedoc/Tree/Tree.types.json +86 -86
- package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
- package/dist/_typedoc/Typography/Typography.types.json +8 -8
- package/dist/_typedoc/_utils/types.json +3 -3
- package/dist/_utils/propsTypedoc.d.ts +1 -0
- package/dist/_utils/propsTypedoc.js +1 -0
- package/dist/_utils/propsTypedoc.js.map +1 -1
- package/package.json +12 -9
|
@@ -21,40 +21,40 @@ var checkedIconPlaceholderWidth = 32;
|
|
|
21
21
|
var styledSelectButtonDefaultWidth = 248;
|
|
22
22
|
export var PillSelectOptionWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
23
23
|
displayName: "PillSelectOptionWrapper",
|
|
24
|
-
componentId: "core-
|
|
24
|
+
componentId: "core-11_26_0__sc-1uf5708-0"
|
|
25
25
|
})(["display:flex;align-items:center;justify-content:space-between;padding:", "px ", "px;"], spacing.xs, spacing.lg);
|
|
26
26
|
export var PillSelectLabel = /*#__PURE__*/styled(Pill).withConfig({
|
|
27
27
|
displayName: "PillSelectLabel",
|
|
28
|
-
componentId: "core-
|
|
28
|
+
componentId: "core-11_26_0__sc-1uf5708-1"
|
|
29
29
|
})(["", ""], getEllipsis);
|
|
30
30
|
export var PillSelectLabelWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
31
31
|
displayName: "PillSelectLabelWrapper",
|
|
32
|
-
componentId: "core-
|
|
32
|
+
componentId: "core-11_26_0__sc-1uf5708-2"
|
|
33
33
|
})(["display:flex;max-width:100%;pointer-events:auto;", ""], function (_ref) {
|
|
34
34
|
var disabled = _ref.disabled;
|
|
35
35
|
return disabled && css(["pointer-events:none;"]);
|
|
36
36
|
});
|
|
37
37
|
export var StyledCheckboxContainer = /*#__PURE__*/styled.div.withConfig({
|
|
38
38
|
displayName: "StyledCheckboxContainer",
|
|
39
|
-
componentId: "core-
|
|
39
|
+
componentId: "core-11_26_0__sc-1uf5708-3"
|
|
40
40
|
})(["padding-left:", "px;"], spacing.lg);
|
|
41
41
|
export var StyledCheckmarkContainer = /*#__PURE__*/styled.div.withConfig({
|
|
42
42
|
displayName: "StyledCheckmarkContainer",
|
|
43
|
-
componentId: "core-
|
|
43
|
+
componentId: "core-11_26_0__sc-1uf5708-4"
|
|
44
44
|
})(["align-items:center;color:", ";display:inline-flex;flex-shrink:0;padding:0 ", "px 0 ", "px;"], colors.blue50, spacing.lg, spacing.sm);
|
|
45
45
|
|
|
46
46
|
// Do not merge with StyledMenu, needed for max-height working in IE
|
|
47
47
|
export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
48
48
|
displayName: "StyledWrapper",
|
|
49
|
-
componentId: "core-
|
|
49
|
+
componentId: "core-11_26_0__sc-1uf5708-5"
|
|
50
50
|
})(["display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
|
|
51
51
|
export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
|
|
52
52
|
displayName: "StyledMenu",
|
|
53
|
-
componentId: "core-
|
|
53
|
+
componentId: "core-11_26_0__sc-1uf5708-6"
|
|
54
54
|
})(["display:flex;flex-direction:column;outline:0;width:100%;"]);
|
|
55
55
|
export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
|
|
56
56
|
displayName: "StyledOptions",
|
|
57
|
-
componentId: "core-
|
|
57
|
+
componentId: "core-11_26_0__sc-1uf5708-7"
|
|
58
58
|
})(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;overflow:hidden;&:focus{", " margin:-1px;}"], optionMinHeight, function (_ref2) {
|
|
59
59
|
var _ref2$$scrollable = _ref2.$scrollable,
|
|
60
60
|
$scrollable = _ref2$$scrollable === void 0 ? true : _ref2$$scrollable;
|
|
@@ -62,53 +62,53 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
|
|
|
62
62
|
}, spacing.sm, getFocus());
|
|
63
63
|
export var StyledItemContent = /*#__PURE__*/styled.div.withConfig({
|
|
64
64
|
displayName: "StyledItemContent",
|
|
65
|
-
componentId: "core-
|
|
65
|
+
componentId: "core-11_26_0__sc-1uf5708-8"
|
|
66
66
|
})(["display:flex;flex-direction:row;align-items:center;"]);
|
|
67
67
|
export var StyledOptionGroupLabel = /*#__PURE__*/styled.div.withConfig({
|
|
68
68
|
displayName: "StyledOptionGroupLabel",
|
|
69
|
-
componentId: "core-
|
|
69
|
+
componentId: "core-11_26_0__sc-1uf5708-9"
|
|
70
70
|
})(["padding:", "px 0 ", "px ", "px;"], spacing.md, spacing.xs, spacing.lg);
|
|
71
71
|
export var StyledItemLabel = /*#__PURE__*/styled.div.withConfig({
|
|
72
72
|
displayName: "StyledItemLabel",
|
|
73
|
-
componentId: "core-
|
|
73
|
+
componentId: "core-11_26_0__sc-1uf5708-10"
|
|
74
74
|
})(["", ""], function (_ref3) {
|
|
75
75
|
var $draggable = _ref3.$draggable;
|
|
76
76
|
return css(["padding:", "px ", "px;"], spacing.xs, $draggable ? 0 : spacing.lg);
|
|
77
77
|
});
|
|
78
78
|
export var StyledDraggableWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
79
79
|
displayName: "StyledDraggableWrapper",
|
|
80
|
-
componentId: "core-
|
|
80
|
+
componentId: "core-11_26_0__sc-1uf5708-11"
|
|
81
81
|
})(["display:flex;width:100%;align-items:center;"]);
|
|
82
82
|
export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
|
|
83
83
|
displayName: "StyledGrip",
|
|
84
|
-
componentId: "core-
|
|
84
|
+
componentId: "core-11_26_0__sc-1uf5708-12"
|
|
85
85
|
})(["padding:0 2px;height:24px;visibility:hidden;"]);
|
|
86
86
|
export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
|
|
87
87
|
displayName: "StyledFooter",
|
|
88
|
-
componentId: "core-
|
|
88
|
+
componentId: "core-11_26_0__sc-1uf5708-13"
|
|
89
89
|
})(["border-top:1px solid ", ";"], colors.gray85);
|
|
90
90
|
export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
|
|
91
91
|
displayName: "StyledHeader",
|
|
92
|
-
componentId: "core-
|
|
92
|
+
componentId: "core-11_26_0__sc-1uf5708-14"
|
|
93
93
|
})([""]);
|
|
94
94
|
export var StyledEmptyMessage = /*#__PURE__*/styled.div.withConfig({
|
|
95
95
|
displayName: "StyledEmptyMessage",
|
|
96
|
-
componentId: "core-
|
|
96
|
+
componentId: "core-11_26_0__sc-1uf5708-15"
|
|
97
97
|
})(["", ";padding:", "px ", "px;color:", ";"], getTypographyIntent('body'), spacing.md, spacing.lg, colors.gray45);
|
|
98
98
|
export var StyledSearchContainer = /*#__PURE__*/styled.div.withConfig({
|
|
99
99
|
displayName: "StyledSearchContainer",
|
|
100
|
-
componentId: "core-
|
|
100
|
+
componentId: "core-11_26_0__sc-1uf5708-16"
|
|
101
101
|
})(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
|
|
102
102
|
export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
|
|
103
103
|
displayName: "StyledGroup",
|
|
104
|
-
componentId: "core-
|
|
104
|
+
componentId: "core-11_26_0__sc-1uf5708-17"
|
|
105
105
|
})(["", " color:", ";cursor:", ";font-weight:", ";padding:", "px ", "px;&:not(:first-child){padding-top:", "px;}&&{padding:0;}", "{padding:", "px ", " px;}&:not(:first-child){", "{padding-top:", " px;}}"], getTypographyIntent('body'), colors.gray15, function (_ref4) {
|
|
106
106
|
var $clickable = _ref4.$clickable;
|
|
107
107
|
return $clickable ? 'pointer' : 'default';
|
|
108
108
|
}, typographyWeights.semibold, spacing.xs, spacing.lg, spacing.md + spacing.xs, StyledOptionGroupLabel, spacing.xs, spacing.lg, StyledOptionGroupLabel, spacing.md + spacing.xs);
|
|
109
109
|
export var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
|
110
110
|
displayName: "StyledItem",
|
|
111
|
-
componentId: "core-
|
|
111
|
+
componentId: "core-11_26_0__sc-1uf5708-18"
|
|
112
112
|
})(["", ";align-items:center;cursor:pointer;list-style-type:none;display:flex;padding:0;", " ", " ", " a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}", " &:hover,&:active{", "{visibility:visible;}}", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref5) {
|
|
113
113
|
var $emptyMinHeight = _ref5.$emptyMinHeight;
|
|
114
114
|
return css(["&:empty{min-height:", "px;}"], $emptyMinHeight);
|
|
@@ -146,50 +146,50 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
|
|
146
146
|
});
|
|
147
147
|
export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
|
|
148
148
|
displayName: "StyledDroppable",
|
|
149
|
-
componentId: "core-
|
|
149
|
+
componentId: "core-11_26_0__sc-1uf5708-19"
|
|
150
150
|
})(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
|
|
151
151
|
export var StyledSelectMenu = /*#__PURE__*/styled(Card).withConfig({
|
|
152
152
|
displayName: "StyledSelectMenu",
|
|
153
|
-
componentId: "core-
|
|
153
|
+
componentId: "core-11_26_0__sc-1uf5708-20"
|
|
154
154
|
})(["display:flex;max-height:40vh;max-width:", "px;min-width:inherit;"], styledSelectButtonDefaultWidth);
|
|
155
155
|
export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
|
|
156
156
|
displayName: "StyledLabel",
|
|
157
|
-
componentId: "core-
|
|
157
|
+
componentId: "core-11_26_0__sc-1uf5708-21"
|
|
158
158
|
})(["", " flex-grow:1;margin-right:", "px;outline:none;pointer-events:", ";user-select:none;"], getEllipsis(), spacing.sm, function (_ref12) {
|
|
159
159
|
var $hoverable = _ref12.$hoverable;
|
|
160
160
|
return $hoverable ? 'initial' : 'none';
|
|
161
161
|
});
|
|
162
162
|
export var StyledIndicators = /*#__PURE__*/styled.div.withConfig({
|
|
163
163
|
displayName: "StyledIndicators",
|
|
164
|
-
componentId: "core-
|
|
164
|
+
componentId: "core-11_26_0__sc-1uf5708-22"
|
|
165
165
|
})(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;min-width:40px;width:40px;"], spacing.xs);
|
|
166
166
|
export var StyledClearIcon = /*#__PURE__*/styled(Button).withConfig({
|
|
167
167
|
displayName: "StyledClearIcon",
|
|
168
|
-
componentId: "core-
|
|
168
|
+
componentId: "core-11_26_0__sc-1uf5708-23"
|
|
169
169
|
})([""]);
|
|
170
170
|
export var StyledSpinner = /*#__PURE__*/styled.div.withConfig({
|
|
171
171
|
displayName: "StyledSpinner",
|
|
172
|
-
componentId: "core-
|
|
172
|
+
componentId: "core-11_26_0__sc-1uf5708-24"
|
|
173
173
|
})(["align-items:center;display:flex;flex:0 0 auto;justify-content:center;line-height:0;"]);
|
|
174
174
|
export var StyledArrowContainer = /*#__PURE__*/styled.div.withConfig({
|
|
175
175
|
displayName: "StyledArrowContainer",
|
|
176
|
-
componentId: "core-
|
|
176
|
+
componentId: "core-11_26_0__sc-1uf5708-25"
|
|
177
177
|
})(["align-items:center;display:inline-flex;height:16px;justify-content:flex-end;margin-left:", "px;width:8px;"], spacing.sm);
|
|
178
178
|
export var StyledArrow = /*#__PURE__*/styled.span.withConfig({
|
|
179
179
|
displayName: "StyledArrow",
|
|
180
|
-
componentId: "core-
|
|
180
|
+
componentId: "core-11_26_0__sc-1uf5708-26"
|
|
181
181
|
})(["display:inline-flex;svg{fill:", ";}"], colors.gray45);
|
|
182
182
|
export var StyledArrowOutline = /*#__PURE__*/styled.polygon.withConfig({
|
|
183
183
|
displayName: "StyledArrowOutline",
|
|
184
|
-
componentId: "core-
|
|
184
|
+
componentId: "core-11_26_0__sc-1uf5708-27"
|
|
185
185
|
})([""]);
|
|
186
186
|
export var StyledArrowFill = /*#__PURE__*/styled.polygon.withConfig({
|
|
187
187
|
displayName: "StyledArrowFill",
|
|
188
|
-
componentId: "core-
|
|
188
|
+
componentId: "core-11_26_0__sc-1uf5708-28"
|
|
189
189
|
})([""]);
|
|
190
190
|
export var StyledTrigger = /*#__PURE__*/styled.div.withConfig({
|
|
191
191
|
displayName: "StyledTrigger",
|
|
192
|
-
componentId: "core-
|
|
192
|
+
componentId: "core-11_26_0__sc-1uf5708-29"
|
|
193
193
|
})(["", " align-items:center;background-color:", ";border-color:", ";border-radius:", "px;border-style:solid;border-width:1px;color:", ";cursor:pointer;display:inline-flex;height:36px;min-height:36px;outline:none;padding:0 ", "px;position:relative;white-space:nowrap;width:", ";&::placeholder{border-color:", ";}&:hover,&:active,&[data-qa=", "]{background-color:", ";border-color:", ";color:", ";}&:focus,&[data-qa=", "]{", " ", "{stroke:", ";}}", " ", " ", " ", " ", " ", " ", "}"], getTypographyIntent('body'), colors.white, colors.gray70, borderRadius.md, colors.gray15, spacing.md, function (_ref13) {
|
|
194
194
|
var $block = _ref13.$block;
|
|
195
195
|
return $block ? '100%' : "".concat(styledSelectButtonDefaultWidth, "px");
|
|
@@ -224,31 +224,31 @@ export var StyledTrigger = /*#__PURE__*/styled.div.withConfig({
|
|
|
224
224
|
});
|
|
225
225
|
export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
|
|
226
226
|
displayName: "StyledOverlay",
|
|
227
|
-
componentId: "core-
|
|
227
|
+
componentId: "core-11_26_0__sc-1uf5708-30"
|
|
228
228
|
})(["display:flex;flex-direction:column;"]);
|
|
229
229
|
export var StyledVirtuoso = /*#__PURE__*/styled(Virtuoso).withConfig({
|
|
230
230
|
displayName: "StyledVirtuoso",
|
|
231
|
-
componentId: "core-
|
|
231
|
+
componentId: "core-11_26_0__sc-1uf5708-31"
|
|
232
232
|
})(["flex:1 1 auto;"]);
|
|
233
233
|
export var StyledEllipses = /*#__PURE__*/styled.div.withConfig({
|
|
234
234
|
displayName: "StyledEllipses",
|
|
235
|
-
componentId: "core-
|
|
235
|
+
componentId: "core-11_26_0__sc-1uf5708-32"
|
|
236
236
|
})(["", " display:inline-flex;> div{display:inline-flex;width:100%;}"], getEllipsis());
|
|
237
237
|
export var StyledMultiValueContainer = /*#__PURE__*/styled.div.withConfig({
|
|
238
238
|
displayName: "StyledMultiValueContainer",
|
|
239
|
-
componentId: "core-
|
|
239
|
+
componentId: "core-11_26_0__sc-1uf5708-33"
|
|
240
240
|
})(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.xs);
|
|
241
241
|
export var StyledMultiValue = /*#__PURE__*/styled.div.withConfig({
|
|
242
242
|
displayName: "StyledMultiValue",
|
|
243
|
-
componentId: "core-
|
|
243
|
+
componentId: "core-11_26_0__sc-1uf5708-34"
|
|
244
244
|
})(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
|
|
245
245
|
export var StyledMultiInputContainer = /*#__PURE__*/styled.div.withConfig({
|
|
246
246
|
displayName: "StyledMultiInputContainer",
|
|
247
|
-
componentId: "core-
|
|
247
|
+
componentId: "core-11_26_0__sc-1uf5708-35"
|
|
248
248
|
})(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
|
|
249
249
|
export var StyledMultiInput = /*#__PURE__*/styled.input.withConfig({
|
|
250
250
|
displayName: "StyledMultiInput",
|
|
251
|
-
componentId: "core-
|
|
251
|
+
componentId: "core-11_26_0__sc-1uf5708-36"
|
|
252
252
|
})(["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 (_ref21) {
|
|
253
253
|
var $isNavigatingTokens = _ref21.$isNavigatingTokens;
|
|
254
254
|
return $isNavigatingTokens && css(["color:transparent;"]);
|
|
@@ -8,19 +8,19 @@ var trackWidth = 36;
|
|
|
8
8
|
var toggleSize = 16;
|
|
9
9
|
export var StyledTrack = /*#__PURE__*/styled.div.withConfig({
|
|
10
10
|
displayName: "StyledTrack",
|
|
11
|
-
componentId: "core-
|
|
11
|
+
componentId: "core-11_26_0__sc-mwn4kg-0"
|
|
12
12
|
})(["background-color:", ";border-radius:", "px;height:", "px;width:", "px;position:relative;transition:0.2s;"], colors.gray70, trackHeight, trackHeight, trackWidth);
|
|
13
13
|
export var StyledToggle = /*#__PURE__*/styled.span.withConfig({
|
|
14
14
|
displayName: "StyledToggle",
|
|
15
|
-
componentId: "core-
|
|
15
|
+
componentId: "core-11_26_0__sc-mwn4kg-1"
|
|
16
16
|
})(["background-color:", ";border-radius:50%;bottom:2px;height:", "px;left:2px;position:absolute;transition:all 0.2s;width:", "px;"], colors.white, toggleSize, toggleSize);
|
|
17
17
|
export var StyledSwitchLabel = /*#__PURE__*/styled.span.withConfig({
|
|
18
18
|
displayName: "StyledSwitchLabel",
|
|
19
|
-
componentId: "core-
|
|
19
|
+
componentId: "core-11_26_0__sc-mwn4kg-2"
|
|
20
20
|
})(["", " padding-left:", "px;user-select:none;"], getTypographyIntent('body'), spacing.md);
|
|
21
21
|
export var StyledSwitchContainer = /*#__PURE__*/styled.label.withConfig({
|
|
22
22
|
displayName: "StyledSwitchContainer",
|
|
23
|
-
componentId: "core-
|
|
23
|
+
componentId: "core-11_26_0__sc-mwn4kg-3"
|
|
24
24
|
})(["cursor:pointer;display:grid;grid-template-columns:", "px 1fr;position:relative;& + &{margin-top:", "px;}", " ", " ", ""], trackWidth, spacing.md, function (_ref) {
|
|
25
25
|
var $checked = _ref.$checked;
|
|
26
26
|
return $checked && css(["", "{background-color:", ";", "{transform:translateX(", "px);}}"], StyledTrack, colors.blue50, StyledToggle, spacing.lg);
|
|
@@ -47,26 +47,26 @@ var tableCellInputErrorBorder = "1px solid ".concat(colors.red50);
|
|
|
47
47
|
var tableRowBorderBottom = /*#__PURE__*/css(["border-bottom:", ";&:last-child{border-bottom:0;}"], tableBorder);
|
|
48
48
|
export var StyledTableHeaderCellSortableContainer = /*#__PURE__*/styled.div.withConfig({
|
|
49
49
|
displayName: "StyledTableHeaderCellSortableContainer",
|
|
50
|
-
componentId: "core-
|
|
50
|
+
componentId: "core-11_26_0__sc-9c7xd-0"
|
|
51
51
|
})([""]);
|
|
52
52
|
export var StyledTableHeaderCellLabel = /*#__PURE__*/styled.div.withConfig({
|
|
53
53
|
displayName: "StyledTableHeaderCellLabel",
|
|
54
|
-
componentId: "core-
|
|
54
|
+
componentId: "core-11_26_0__sc-9c7xd-1"
|
|
55
55
|
})(["display:inline-block;flex:1 1 auto;position:relative;"]);
|
|
56
56
|
export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
|
|
57
57
|
displayName: "StyledCheckbox",
|
|
58
|
-
componentId: "core-
|
|
58
|
+
componentId: "core-11_26_0__sc-9c7xd-2"
|
|
59
59
|
})([""]);
|
|
60
60
|
export var StyledTableBodyCell = /*#__PURE__*/styled.td.withConfig({
|
|
61
61
|
displayName: "StyledTableBodyCell",
|
|
62
|
-
componentId: "core-
|
|
62
|
+
componentId: "core-11_26_0__sc-9c7xd-3"
|
|
63
63
|
})(["position:relative;vertical-align:middle;", ""], function (_ref) {
|
|
64
64
|
var $snugfit = _ref.$snugfit;
|
|
65
65
|
return $snugfit && css(["white-space:nowrap;width:0.1%;"]);
|
|
66
66
|
});
|
|
67
67
|
export var StyledTableHeaderCell = /*#__PURE__*/styled.th.withConfig({
|
|
68
68
|
displayName: "StyledTableHeaderCell",
|
|
69
|
-
componentId: "core-
|
|
69
|
+
componentId: "core-11_26_0__sc-9c7xd-4"
|
|
70
70
|
})(["", " font-weight:", ";border-right:", ";color:", ";height:", "px;padding:", "px;position:relative;text-align:left;transition:background-color 0.2s ease-in-out;&:last-child{border-right:0;}", "{display:flex;align-items:center;}", "{", "{min-height:14px;}}", " ", " ", " ", " ", ""], getTypographyIntent('small'), tableHeaderFontWeight, tableHeaderBorderRight, tableHeaderFontColor, tableHeaderHeight, tableHeaderPadding, StyledTableHeaderCellSortableContainer, StyledTableHeaderCellSortableContainer, StyledTableHeaderCellLabel, function (_ref2) {
|
|
71
71
|
var $sortable = _ref2.$sortable;
|
|
72
72
|
return $sortable && css(["cursor:pointer;padding:", "px;", ",", "{color:", ";opacity:0;transition:all 0.15s ease-in-out;position:absolute;}::before,::after{font-size:16px;}&:hover{background-color:", ";", "{color:", ";}}"], spacing.lg, StyledTableHeaderCellSortIconAsc, StyledTableHeaderCellSortIconDesc, tableSortFontColor, tableHeaderBgColorHover, StyledTableHeaderCellSortIconAsc, tableSortFontColorHover);
|
|
@@ -85,27 +85,27 @@ export var StyledTableHeaderCell = /*#__PURE__*/styled.th.withConfig({
|
|
|
85
85
|
});
|
|
86
86
|
export var StyledTableHeaderCellIconWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
87
87
|
displayName: "StyledTableHeaderCellIconWrapper",
|
|
88
|
-
componentId: "core-
|
|
88
|
+
componentId: "core-11_26_0__sc-9c7xd-5"
|
|
89
89
|
})(["height:20px;line-height:20px;padding:0 ", "px 0 ", "px;width:20px;"], spacing.lg, spacing.sm);
|
|
90
90
|
export var StyledTableHeaderCellSortIconAsc = /*#__PURE__*/styled(CaretUp).withConfig({
|
|
91
91
|
displayName: "StyledTableHeaderCellSortIconAsc",
|
|
92
|
-
componentId: "core-
|
|
92
|
+
componentId: "core-11_26_0__sc-9c7xd-6"
|
|
93
93
|
})(["margin-top:-", "px;"], spacing.sm);
|
|
94
94
|
export var StyledTableHeaderCellSortIconDesc = /*#__PURE__*/styled(CaretDown).withConfig({
|
|
95
95
|
displayName: "StyledTableHeaderCellSortIconDesc",
|
|
96
|
-
componentId: "core-
|
|
96
|
+
componentId: "core-11_26_0__sc-9c7xd-7"
|
|
97
97
|
})([""]);
|
|
98
98
|
export var StyledHead = /*#__PURE__*/styled.thead.withConfig({
|
|
99
99
|
displayName: "StyledHead",
|
|
100
|
-
componentId: "core-
|
|
100
|
+
componentId: "core-11_26_0__sc-9c7xd-8"
|
|
101
101
|
})(["background-color:", ";transition:background-color 0.2s ease-in-out;", " &:hover{", "{", ",", "{&::after,&::before{opacity:1;}}}}"], tableHeaderBgColor, tableRowBorderBottom, StyledTableHeaderCell, StyledTableHeaderCellSortIconAsc, StyledTableHeaderCellSortIconDesc);
|
|
102
102
|
export var StyledCaratWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
103
103
|
displayName: "StyledCaratWrapper",
|
|
104
|
-
componentId: "core-
|
|
104
|
+
componentId: "core-11_26_0__sc-9c7xd-9"
|
|
105
105
|
})(["font-size:16px;color:", ";padding-right:", "px;transition:all 0.2s ease-in-out;& + ", "{margin:0 ", "px;}"], colors.gray70, spacing.xs, StyledCheckbox, spacing.xs);
|
|
106
106
|
export var StyledCarat = /*#__PURE__*/styled(ChevronRight).withConfig({
|
|
107
107
|
displayName: "StyledCarat",
|
|
108
|
-
componentId: "core-
|
|
108
|
+
componentId: "core-11_26_0__sc-9c7xd-10"
|
|
109
109
|
})(["", ""], function (_ref7) {
|
|
110
110
|
var $expanded = _ref7.$expanded;
|
|
111
111
|
return $expanded && css(["transform:rotate(90deg);"]);
|
|
@@ -113,7 +113,7 @@ export var StyledCarat = /*#__PURE__*/styled(ChevronRight).withConfig({
|
|
|
113
113
|
var cellInputCSS = /*#__PURE__*/css(["background-color:rgba(255,255,255,0);&&&{border:", ";border-radius:4px;width:100%;&::placeholder{color:", ";}&::-ms-clear{display:none;}&:hover{border-color:transparent;}&:focus{background-color:", ";border-style:solid;border-width:1px;border-color:", ";box-shadow:0 0 0 1px ", ";outline:none;}&:disabled{border:", ";color:", ";}}"], tableCellInputBorder, tableCellInputPlaceholderColor, colors.white, colors.blue40, colors.blue40, tableCellInputBorder, colors.gray70);
|
|
114
114
|
export var StyledTableCellSelect = /*#__PURE__*/styled(Select).withConfig({
|
|
115
115
|
displayName: "StyledTableCellSelect",
|
|
116
|
-
componentId: "core-
|
|
116
|
+
componentId: "core-11_26_0__sc-9c7xd-11"
|
|
117
117
|
})(["", ";background-color:transparent;border-color:transparent;height:auto;&:hover{background-color:transparent;}&:active:hover{border-color:", ";}&:focus{background-color:", ";cursor:pointer;", " ", "{white-space:nowrap;}", "{opacity:1;pointer-events:all;}", " ", "}", "{white-space:normal;}", ",", "{opacity:0;pointer-events:none;}", " ", ""], cellInputCSS, colors.gray85, colors.white, getFocus(), StyledSelectButtonLabel, StyledSelectArrow, function (_ref8) {
|
|
118
118
|
var $hasClearIcon = _ref8.$hasClearIcon;
|
|
119
119
|
return $hasClearIcon && css(["", "{opacity:1;pointer-events:all;}"], StyledSelectClearIcon);
|
|
@@ -131,25 +131,25 @@ export var StyledTableCellSelect = /*#__PURE__*/styled(Select).withConfig({
|
|
|
131
131
|
});
|
|
132
132
|
export var StyledTableCellInput = /*#__PURE__*/styled(Input).withConfig({
|
|
133
133
|
displayName: "StyledTableCellInput",
|
|
134
|
-
componentId: "core-
|
|
134
|
+
componentId: "core-11_26_0__sc-9c7xd-12"
|
|
135
135
|
})(["", ""], cellInputCSS);
|
|
136
136
|
export var StyledTableCellDateInput = /*#__PURE__*/styled(DateSelect).withConfig({
|
|
137
137
|
displayName: "StyledTableCellDateInput",
|
|
138
|
-
componentId: "core-
|
|
138
|
+
componentId: "core-11_26_0__sc-9c7xd-13"
|
|
139
139
|
})(["background-color:transparent;border-color:transparent;&:active:hover{border-color:", ";}&&&:focus-within{", ";background-color:", ";}", " ", "{opacity:0;}", "{&[data-qa-table-visible='false']{opacity:0;}}", "{&[data-placeholder='true']{opacity:0;}}&:focus-within{", "{opacity:1;}", "{&[data-qa-table-visible='false']{opacity:1;}}", "{&[data-placeholder='true']{opacity:1;}}}"], colors.gray45, getFocus(), colors.white, function (_ref12) {
|
|
140
140
|
var error = _ref12.error;
|
|
141
141
|
return error && css(["border-color:", ";"], colors.red50);
|
|
142
142
|
}, StyledDateInputIconContainer, StyledDateInputDelimiter, StyledDateInputSegment, StyledDateInputIconContainer, StyledDateInputDelimiter, StyledDateInputSegment);
|
|
143
143
|
export var StyledTableCellTextArea = /*#__PURE__*/styled(TextArea).withConfig({
|
|
144
144
|
displayName: "StyledTableCellTextArea",
|
|
145
|
-
componentId: "core-
|
|
145
|
+
componentId: "core-11_26_0__sc-9c7xd-14"
|
|
146
146
|
})(["", " &&{height:", "px;min-height:", "px;overflow:hidden;padding-top:", "px;resize:none;width:100%;", "}"], cellInputCSS, spacing.xxl, spacing.xxl, spacing.xs, function (_ref13) {
|
|
147
147
|
var $resizable = _ref13.$resizable;
|
|
148
148
|
return $resizable && css(["&:focus{min-height:64px;overflow:auto;resize:vertical;}"]);
|
|
149
149
|
});
|
|
150
150
|
export var StyledTableCellText = /*#__PURE__*/styled.div.withConfig({
|
|
151
151
|
displayName: "StyledTableCellText",
|
|
152
|
-
componentId: "core-
|
|
152
|
+
componentId: "core-11_26_0__sc-9c7xd-15"
|
|
153
153
|
})(["margin:", "px;display:flex;color:", ";", ""], spacing.lg, tableCellTextColor, function (_ref14) {
|
|
154
154
|
var $percent = _ref14.$percent,
|
|
155
155
|
$currency = _ref14.$currency;
|
|
@@ -157,15 +157,15 @@ export var StyledTableCellText = /*#__PURE__*/styled.div.withConfig({
|
|
|
157
157
|
});
|
|
158
158
|
export var StyledIconCell = /*#__PURE__*/styled.div.withConfig({
|
|
159
159
|
displayName: "StyledIconCell",
|
|
160
|
-
componentId: "core-
|
|
160
|
+
componentId: "core-11_26_0__sc-9c7xd-16"
|
|
161
161
|
})(["display:flex;color:", ";"], tableCellIconColor);
|
|
162
162
|
export var StyledSelectCellWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
163
163
|
displayName: "StyledSelectCellWrapper",
|
|
164
|
-
componentId: "core-
|
|
164
|
+
componentId: "core-11_26_0__sc-9c7xd-17"
|
|
165
165
|
})(["display:flex;flex-direction:column;"]);
|
|
166
166
|
export var StyledTableInlineEditErrorBox = /*#__PURE__*/styled.div.withConfig({
|
|
167
167
|
displayName: "StyledTableInlineEditErrorBox",
|
|
168
|
-
componentId: "core-
|
|
168
|
+
componentId: "core-11_26_0__sc-9c7xd-18"
|
|
169
169
|
})(["", " color:", ";font-style:italic;background:", ";border-radius:0 2px 2px 2px;box-shadow:0 1px 2px rgba(0,0,0,0.2),0 1px 3px rgba(0,0,0,0.1);padding:6px ", "px;position:absolute;max-width:160px;z-index:1;", ""], getTypographyIntent('small'), colors.white, colors.red50, spacing.md, function (_ref15) {
|
|
170
170
|
var $size = _ref15.$size;
|
|
171
171
|
var sizes = {
|
|
@@ -183,7 +183,7 @@ export var StyledTableInlineEditErrorBox = /*#__PURE__*/styled.div.withConfig({
|
|
|
183
183
|
});
|
|
184
184
|
export var StyledTableInlineEditContainer = /*#__PURE__*/styled.div.withConfig({
|
|
185
185
|
displayName: "StyledTableInlineEditContainer",
|
|
186
|
-
componentId: "core-
|
|
186
|
+
componentId: "core-11_26_0__sc-9c7xd-19"
|
|
187
187
|
})(["background-color:", ";margin:", "px ", "px;position:relative;", " ", ""], tableBgColor, spacing.sm, spacing.xs, function (_ref16) {
|
|
188
188
|
var $error = _ref16.$error;
|
|
189
189
|
return $error && css(["position:static;background-color:", ";", ",", ",", ",", "{border:", ";border-radius:4px 4px 0 0;border-bottom:none;&:hover{border-bottom:none;}&:focus{background-color:", ";border:", ";border-bottom:none;}}"], tableCellInputErrorBgColor, StyledTableCellDateInput, StyledTableCellInput, StyledTableCellSelect, StyledTableCellTextArea, tableCellInputErrorBorder, tableCellInputFocusBgColor, tableCellInputFocusBorder);
|
|
@@ -207,26 +207,26 @@ export var StyledTableInlineEditContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
207
207
|
});
|
|
208
208
|
export var StyledTableBodyRow = /*#__PURE__*/styled.tr.withConfig({
|
|
209
209
|
displayName: "StyledTableBodyRow",
|
|
210
|
-
componentId: "core-
|
|
210
|
+
componentId: "core-11_26_0__sc-9c7xd-20"
|
|
211
211
|
})(["", " ", " &:focus-within{", "{background-color:", ";&.disabled{background-color:transparent;}}", ".error{background-color:", ";}}&:hover{", "{background-color:", ";cursor:pointer;&:hover{background-color:", ";}&.disabled{&,&:hover{background-color:transparent;cursor:default;}}}", ".error{background-color:", ";&:hover{background-color:", ";}", ",", ",", "{border:", ";border-bottom:none;&:hover{border-bottom:none;}&:focus{border:", ";border-bottom:none;}}}}"], tableRowBorderBottom, function (_ref18) {
|
|
212
212
|
var $overdue = _ref18.$overdue;
|
|
213
213
|
return $overdue && css(["", ",", ",", ",", ",", "{color:", ";}"], StyledTableCellText, StyledTableCellSelect, StyledTableCellInput, StyledTableCellDateInput, StyledTableCellTextArea, colors.red50);
|
|
214
214
|
}, StyledTableInlineEditContainer, tableCellInputRowHoverBgColor, StyledTableInlineEditContainer, tableCellInputErrorBgColor, StyledTableInlineEditContainer, tableCellInputRowHoverBgColor, tableCellInputHoverBgColor, StyledTableInlineEditContainer, tableCellInputErrorBgColor, tableCellInputErrorBgColor, StyledTableCellInput, StyledTableCellSelect, StyledTableCellTextArea, tableCellInputErrorBorder, tableCellInputFocusBorder);
|
|
215
215
|
export var StyledTableGroupRowContent = /*#__PURE__*/styled.div.withConfig({
|
|
216
216
|
displayName: "StyledTableGroupRowContent",
|
|
217
|
-
componentId: "core-
|
|
217
|
+
componentId: "core-11_26_0__sc-9c7xd-21"
|
|
218
218
|
})([""]);
|
|
219
219
|
export var StyledTableGroupRowHeader = /*#__PURE__*/styled.div.withConfig({
|
|
220
220
|
displayName: "StyledTableGroupRowHeader",
|
|
221
|
-
componentId: "core-
|
|
221
|
+
componentId: "core-11_26_0__sc-9c7xd-22"
|
|
222
222
|
})([""]);
|
|
223
223
|
export var StyledTableGroupRowTitle = /*#__PURE__*/styled.span.withConfig({
|
|
224
224
|
displayName: "StyledTableGroupRowTitle",
|
|
225
|
-
componentId: "core-
|
|
225
|
+
componentId: "core-11_26_0__sc-9c7xd-23"
|
|
226
226
|
})([""]);
|
|
227
227
|
export var StyledTableGroupRow = /*#__PURE__*/styled.tr.withConfig({
|
|
228
228
|
displayName: "StyledTableGroupRow",
|
|
229
|
-
componentId: "core-
|
|
229
|
+
componentId: "core-11_26_0__sc-9c7xd-24"
|
|
230
230
|
})(["background-color:", ";", " ", "{margin-left:", "px;padding:", "px 0;display:flex;flex-direction:row;}", "{display:flex;align-items:center;}", "{font-weight:", ";padding-left:", "px;}", ""], tableGroupRowBgColor, tableRowBorderBottom, StyledTableGroupRowContent, spacing.lg, spacing.lg, StyledTableGroupRowHeader, StyledTableGroupRowTitle, tableHeaderFontWeight, spacing.lg, function (_ref19) {
|
|
231
231
|
var $depth = _ref19.$depth;
|
|
232
232
|
if (typeof $depth !== 'number') {
|
|
@@ -236,7 +236,7 @@ export var StyledTableGroupRow = /*#__PURE__*/styled.tr.withConfig({
|
|
|
236
236
|
});
|
|
237
237
|
export var StyledTableWrapper = /*#__PURE__*/styled(Card).withConfig({
|
|
238
238
|
displayName: "StyledTableWrapper",
|
|
239
|
-
componentId: "core-
|
|
239
|
+
componentId: "core-11_26_0__sc-9c7xd-25"
|
|
240
240
|
})(["border-radius:", "px;border:", ";", ",tbody{&:first-child{tr:first-child{", ",td{&:first-child{border-top-left-radius:", "px;}&:last-child{border-top-right-radius:", "px;}}}}&:last-child{tr:last-child{", ",td{&:first-child{border-bottom-left-radius:", "px;}&:last-child{border-bottom-right-radius:", "px;}}}}}", ""], tableBorderRadius, tableBorder, StyledHead, StyledTableHeaderCell, tableBorderRadius, tableBorderRadius, StyledTableHeaderCell, tableBorderRadius, tableBorderRadius, function (_ref20) {
|
|
241
241
|
var $withShelf = _ref20.$withShelf;
|
|
242
242
|
return $withShelf && css(["position:relative;height:100%;"]);
|
|
@@ -245,7 +245,7 @@ var BodyRow = StyledTableBodyRow;
|
|
|
245
245
|
var GroupRow = StyledTableGroupRow;
|
|
246
246
|
export var StyledTable = /*#__PURE__*/styled.table.withConfig({
|
|
247
247
|
displayName: "StyledTable",
|
|
248
|
-
componentId: "core-
|
|
248
|
+
componentId: "core-11_26_0__sc-9c7xd-26"
|
|
249
249
|
})(["background-color:", ";border-collapse:collapse;border-radius:", "px;", " width:100%;td:first-child ", "{padding-left:", "px;}", " ", " + ", "{margin-left:", "px;padding-left:0;}", " ", " ", " + ", " > td{padding-left:", "px;}", " + ", " + ", " > td{padding-left:", "px;}", " + ", " + ", " + ", " > td{padding-left:", "px;}", " + ", " + ", " + ", " + ", " > td{padding-left:", "px;}", " ~ ", "{", "{padding-left:0;margin:0 ", "px;}& > td:first-child{padding-left:", "px;}}", " + ", " ~ ", "{& > td:first-child{padding-left:", "px;}}", " + ", " + ", " ~ ", "{& > td:first-child{padding-left:", "px;}}", " + ", " + ", " + ", " ~ ", "{& > td:first-child{padding-left:", "px;}}", " + ", " + ", " + ", " + ", " ~ ", "{& > td:first-child{padding-left:", "px;}}"], tableBgColor, tableBorderRadius, getTypographyIntent('body'), StyledCheckbox, spacing.lg, StyledTableGroupRow, StyledCaratWrapper, StyledCheckbox, spacing.xs, function (_ref21) {
|
|
250
250
|
var $fixed = _ref21.$fixed;
|
|
251
251
|
return $fixed && css(["table-layout:fixed;"]);
|
|
@@ -255,6 +255,6 @@ export var StyledTable = /*#__PURE__*/styled.table.withConfig({
|
|
|
255
255
|
}, GroupRow, GroupRow, tableGroupHeaderRowIndentation, GroupRow, GroupRow, GroupRow, 2 * tableGroupHeaderRowIndentation, GroupRow, GroupRow, GroupRow, GroupRow, 3 * tableGroupHeaderRowIndentation, GroupRow, GroupRow, GroupRow, GroupRow, GroupRow, 4 * tableGroupHeaderRowIndentation, GroupRow, BodyRow, StyledCheckbox, spacing.xs, tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation, GroupRow, GroupRow, BodyRow, 2 * tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation, GroupRow, GroupRow, GroupRow, BodyRow, 3 * tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation, GroupRow, GroupRow, GroupRow, GroupRow, BodyRow, 4 * tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation, GroupRow, GroupRow, GroupRow, GroupRow, GroupRow, BodyRow, 5 * tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation);
|
|
256
256
|
export var StyledLoadingContainer = /*#__PURE__*/styled.div.withConfig({
|
|
257
257
|
displayName: "StyledLoadingContainer",
|
|
258
|
-
componentId: "core-
|
|
258
|
+
componentId: "core-11_26_0__sc-9c7xd-27"
|
|
259
259
|
})(["cursor:default;align-items:center;background:", ";display:flex;height:100%;justify-content:center;opacity:0.9;position:absolute;width:100%;z-index:2;"], colors.gray96);
|
|
260
260
|
//# sourceMappingURL=Table.styles.js.map
|
|
@@ -4,22 +4,22 @@ import { spacing } from '../_styles/spacing';
|
|
|
4
4
|
var tableShelfShadow = '-4px 0px 5px 0px rgba(112, 112, 112, 0.1)';
|
|
5
5
|
export var StyledShelf = /*#__PURE__*/styled.div.withConfig({
|
|
6
6
|
displayName: "StyledShelf",
|
|
7
|
-
componentId: "core-
|
|
7
|
+
componentId: "core-11_26_0__sc-a6498a-0"
|
|
8
8
|
})(["position:absolute;right:0;top:0;bottom:0;box-shadow:", ";background-color:", ";"], tableShelfShadow, colors.white);
|
|
9
9
|
export var StyledHead = /*#__PURE__*/styled.div.withConfig({
|
|
10
10
|
displayName: "StyledHead",
|
|
11
|
-
componentId: "core-
|
|
11
|
+
componentId: "core-11_26_0__sc-a6498a-1"
|
|
12
12
|
})(["background-color:", ";transition:background-color 0.2s ease-in-out;"], colors.gray96);
|
|
13
13
|
export var StyledBodyRow = /*#__PURE__*/styled.div.withConfig({
|
|
14
14
|
displayName: "StyledBodyRow",
|
|
15
|
-
componentId: "core-
|
|
15
|
+
componentId: "core-11_26_0__sc-a6498a-2"
|
|
16
16
|
})(["border-top:1px solid ", ";transition:background-color 0.2s ease-in-out;"], colors.gray85);
|
|
17
17
|
export var StyledHeadCell = /*#__PURE__*/styled.div.withConfig({
|
|
18
18
|
displayName: "StyledHeadCell",
|
|
19
|
-
componentId: "core-
|
|
19
|
+
componentId: "core-11_26_0__sc-a6498a-3"
|
|
20
20
|
})(["text-align:left;padding:", "px;line-height:13px;"], spacing.lg);
|
|
21
21
|
export var StyledBodyCell = /*#__PURE__*/styled.div.withConfig({
|
|
22
22
|
displayName: "StyledBodyCell",
|
|
23
|
-
componentId: "core-
|
|
23
|
+
componentId: "core-11_26_0__sc-a6498a-4"
|
|
24
24
|
})(["padding:", "px;line-height:13px;"], spacing.lg);
|
|
25
25
|
//# sourceMappingURL=TableShelf.styles.js.map
|
package/dist/Tabs/Tabs.styles.js
CHANGED
|
@@ -10,15 +10,15 @@ var hiddenTab = /*#__PURE__*/css(["pointer-events:none;position:absolute;visibil
|
|
|
10
10
|
var visible = /*#__PURE__*/css(["pointer-events:all;position:relative;visibility:visible;"]);
|
|
11
11
|
export var StyledLink = /*#__PURE__*/styled.span.withConfig({
|
|
12
12
|
displayName: "StyledLink",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-11_26_0__sc-17s58xs-0"
|
|
14
14
|
})(["align-items:center;border-bottom-style:solid;border-bottom-color:transparent;border-bottom-width:2px;display:inline-flex;height:26px;justify-content:center;"]);
|
|
15
15
|
export var StyledTab = /*#__PURE__*/styled.div.withConfig({
|
|
16
16
|
displayName: "StyledTab",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-11_26_0__sc-17s58xs-1"
|
|
18
18
|
})(["align-items:center;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;padding:0 ", "px;position:relative;white-space:nowrap;a&{text-decoration:none;}button&{background-color:transparent;border:none;font-family:inherit;}&:first-child{padding-left:0;}&:last-child{padding-right:0;}&:not(:last-child){&:focus{outline:none;", "{box-shadow:inset 0 0 0 1px ", ";}}}"], tabGap, StyledLink, colors.blue40);
|
|
19
19
|
export var StyledTabInner = /*#__PURE__*/styled.div.withConfig({
|
|
20
20
|
displayName: "StyledTabInner",
|
|
21
|
-
componentId: "core-
|
|
21
|
+
componentId: "core-11_26_0__sc-17s58xs-2"
|
|
22
22
|
})(["", " > a{text-decoration:none;", "}", ""], getTypographyIntent('body'), focusable, function (_ref) {
|
|
23
23
|
var active = _ref.active,
|
|
24
24
|
dark = _ref.dark;
|
|
@@ -38,23 +38,23 @@ export var StyledTabInner = /*#__PURE__*/styled.div.withConfig({
|
|
|
38
38
|
});
|
|
39
39
|
export var StyledDropdownTab = /*#__PURE__*/styled(StyledTab).withConfig({
|
|
40
40
|
displayName: "StyledDropdownTab",
|
|
41
|
-
componentId: "core-
|
|
41
|
+
componentId: "core-11_26_0__sc-17s58xs-3"
|
|
42
42
|
})(["cursor:pointer;", " ", " ", " margin-left:", "px;", "{margin-right:", "px;}"], getUnstyledButton, focusable, hiddenTab, tabGap, StyledLink, spacing.xs);
|
|
43
43
|
export var StyledDropdownTabInner = /*#__PURE__*/styled(StyledTabInner).withConfig({
|
|
44
44
|
displayName: "StyledDropdownTabInner",
|
|
45
|
-
componentId: "core-
|
|
45
|
+
componentId: "core-11_26_0__sc-17s58xs-4"
|
|
46
46
|
})(["align-items:center;cursor:pointer;display:inline-flex;"]);
|
|
47
47
|
export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
|
|
48
48
|
displayName: "StyledOverlay",
|
|
49
|
-
componentId: "core-
|
|
49
|
+
componentId: "core-11_26_0__sc-17s58xs-5"
|
|
50
50
|
})(["max-height:40vh;", "{color:", ";}", "{margin:-", "px -", "px;padding:", "px ", "px;}[data-selected='true']{", ",", " > a{color:", ";font-weight:", ";}}", "{border:0;height:auto;}"], StyledTabInner, colors.gray45, StyledTab, spacing.sm, spacing.lg, spacing.sm, spacing.lg, StyledTabInner, StyledTabInner, colors.blue50, typographyWeights.semibold, StyledLink);
|
|
51
51
|
export var StyledTabList = /*#__PURE__*/styled.div.withConfig({
|
|
52
52
|
displayName: "StyledTabList",
|
|
53
|
-
componentId: "core-
|
|
53
|
+
componentId: "core-11_26_0__sc-17s58xs-6"
|
|
54
54
|
})(["display:flex;width:100%;"]);
|
|
55
55
|
export var StyledTabs = /*#__PURE__*/styled.nav.withConfig({
|
|
56
56
|
displayName: "StyledTabs",
|
|
57
|
-
componentId: "core-
|
|
57
|
+
componentId: "core-11_26_0__sc-17s58xs-7"
|
|
58
58
|
})(["background-color:", ";display:flex;overflow:hidden;width:100%;", "{&:nth-child(1n + ", "){&:not(", "){", "}}}", ""], function (_ref2) {
|
|
59
59
|
var dark = _ref2.dark;
|
|
60
60
|
return dark && colors.gray15;
|
|
@@ -47,7 +47,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
|
|
|
47
47
|
};
|
|
48
48
|
export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
|
|
49
49
|
displayName: "StyledTearsheetContent",
|
|
50
|
-
componentId: "core-
|
|
50
|
+
componentId: "core-11_26_0__sc-ljrxoq-0"
|
|
51
51
|
})(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
|
|
52
52
|
var $open = _ref.$open,
|
|
53
53
|
$placement = _ref.$placement;
|
|
@@ -67,7 +67,7 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
|
|
|
67
67
|
export var minScrimSize = spacing.xxl * 3;
|
|
68
68
|
export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
|
|
69
69
|
displayName: "StyledTearsheetBody",
|
|
70
|
-
componentId: "core-
|
|
70
|
+
componentId: "core-11_26_0__sc-ljrxoq-1"
|
|
71
71
|
})(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";", " ", "}"], colors.white, function (_ref5) {
|
|
72
72
|
var $placement = _ref5.$placement,
|
|
73
73
|
$stretch = _ref5.$stretch;
|
|
@@ -87,7 +87,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
|
|
|
87
87
|
var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
|
|
88
88
|
export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
|
|
89
89
|
displayName: "StyledScrimContainer",
|
|
90
|
-
componentId: "core-
|
|
90
|
+
componentId: "core-11_26_0__sc-ljrxoq-2"
|
|
91
91
|
})(["", ""], function (_ref7) {
|
|
92
92
|
var $placement = _ref7.$placement;
|
|
93
93
|
var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
|
|
@@ -95,7 +95,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
95
95
|
});
|
|
96
96
|
export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
|
|
97
97
|
displayName: "StyledButtonContainer",
|
|
98
|
-
componentId: "core-
|
|
98
|
+
componentId: "core-11_26_0__sc-ljrxoq-3"
|
|
99
99
|
})(["", ""], function (_ref8) {
|
|
100
100
|
var $placement = _ref8.$placement;
|
|
101
101
|
switch ($placement) {
|
|
@@ -110,7 +110,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
110
110
|
});
|
|
111
111
|
export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
|
|
112
112
|
displayName: "StyledButtonCard",
|
|
113
|
-
componentId: "core-
|
|
113
|
+
componentId: "core-11_26_0__sc-ljrxoq-4"
|
|
114
114
|
})(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref9) {
|
|
115
115
|
var $open = _ref9.$open;
|
|
116
116
|
return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);
|
|
@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
|
|
|
3
3
|
import { spacing } from '../_styles/spacing';
|
|
4
4
|
export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
|
|
5
5
|
displayName: "StyledTextArea",
|
|
6
|
-
componentId: "core-
|
|
6
|
+
componentId: "core-11_26_0__sc-u5mow1-0"
|
|
7
7
|
})(["", " min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
|
|
8
8
|
var _ref$resize = _ref.resize,
|
|
9
9
|
resize = _ref$resize === void 0 ? 'both' : _ref$resize;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
|
|
3
3
|
displayName: "StyledEditor",
|
|
4
|
-
componentId: "core-
|
|
4
|
+
componentId: "core-11_26_0__sc-1lje1b0-0"
|
|
5
5
|
})(["> .tox-tinymce{border:none;}"]);
|
|
6
6
|
//# sourceMappingURL=TextEditorOutput.styles.js.map
|