@procore/core-react 11.6.0-rc.10 → 11.6.0-rc.11
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/README.md +21 -0
- package/dist/Semantic/Semantic.styles.d.ts +2 -0
- package/dist/Semantic/Semantic.styles.js +5 -1
- package/dist/Semantic/Semantic.styles.js.map +1 -1
- package/dist/Tabs/Tabs.js +17 -9
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/Tabs/Tabs.styles.d.ts +3 -5
- package/dist/Tabs/Tabs.styles.js +23 -9
- package/dist/Tabs/Tabs.styles.js.map +1 -1
- package/dist/_typedoc/Avatar/Avatar.types.json +17 -17
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +22 -22
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +12 -12
- 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 +36 -36
- 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 +694 -694
- 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 +71 -71
- package/dist/_typedoc/Modal/Modal.types.json +27 -27
- 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 +43 -43
- package/dist/_typedoc/PageLayout/PageLayout.types.json +7 -7
- 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 +1 -1
- package/dist/_typedoc/PillSelect/PillSelect.types.json +46 -46
- package/dist/_typedoc/Popover/Popover.types.json +10 -10
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +5 -5
- 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 +31 -31
- 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 +94 -94
- package/dist/_typedoc/Tabs/Tabs.types.json +15 -15
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +10 -10
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditor.types.json +7 -7
- package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +3 -3
- package/dist/_typedoc/Thumbnail/Thumbnail.types.json +25 -25
- 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 +8 -8
- 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/TinyMCE.js +1 -1
- package/dist/_utils/TinyMCE.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -29,6 +29,27 @@ Install the peer dependencies.
|
|
|
29
29
|
yarn add formik styled-components react react-dom
|
|
30
30
|
```
|
|
31
31
|
|
|
32
|
+
### Styles
|
|
33
|
+
|
|
34
|
+
Core React's styled components handle all style inclusion except for two cases:
|
|
35
|
+
|
|
36
|
+
1. Border box and all elements
|
|
37
|
+
|
|
38
|
+
```css
|
|
39
|
+
*,
|
|
40
|
+
::after,
|
|
41
|
+
::before {
|
|
42
|
+
box-sizing: border-box;
|
|
43
|
+
}
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
2. Font Family
|
|
47
|
+
|
|
48
|
+
```css
|
|
49
|
+
font-family: Inter, 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC',
|
|
50
|
+
'Noto Sans TC', Arial, sans-serif;
|
|
51
|
+
```
|
|
52
|
+
|
|
32
53
|
### Imports
|
|
33
54
|
|
|
34
55
|
Named imports support tree shaking and types.
|
|
@@ -3,3 +3,5 @@ export declare const StyledH2: import("styled-components").StyledComponent<"h2",
|
|
|
3
3
|
export declare const StyledH3: import("styled-components").StyledComponent<"h3", any, {}, never>;
|
|
4
4
|
export declare const StyledP: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
5
5
|
export declare const StyledUL: import("styled-components").StyledComponent<"ul", any, {}, never>;
|
|
6
|
+
export declare function getUnstyledButton(): import("styled-components").FlattenSimpleInterpolation;
|
|
7
|
+
export declare const StyledUnstyledButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
@@ -14,5 +14,9 @@ var topMarginRules = function () {
|
|
|
14
14
|
};
|
|
15
15
|
export var StyledP = styled.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: ", ";\n ", "\n ", "\n ", "\n"], ["\n color: ", ";\n ", "\n ", "\n ", "\n"])), colors.gray15, getTypographyIntent('body'), topMarginRules, semiboldRules);
|
|
16
16
|
export var StyledUL = styled.ul(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", ";\n margin: 0;\n padding: 0;\n ", "\n ", "\n\n padding-left: ", "px;\n\n & > li {\n list-style-type: disc;\n }\n"], ["\n color: ", ";\n margin: 0;\n padding: 0;\n ", "\n ", "\n\n padding-left: ", "px;\n\n & > li {\n list-style-type: disc;\n }\n"])), colors.gray15, getTypographyIntent('body'), topMarginRules, spacing.lg);
|
|
17
|
-
|
|
17
|
+
export function getUnstyledButton() {
|
|
18
|
+
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border: none;\n background: none;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n padding: 0;\n text-transform: none;\n -webkit-appearance: button;\n "], ["\n border: none;\n background: none;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n padding: 0;\n text-transform: none;\n -webkit-appearance: button;\n "])));
|
|
19
|
+
}
|
|
20
|
+
export var StyledUnstyledButton = styled.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), getUnstyledButton);
|
|
21
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
18
22
|
//# sourceMappingURL=Semantic.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Semantic.styles.js","sourceRoot":"","sources":["../../src/Semantic/Semantic.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EACL,mBAAmB,EACnB,aAAa,GACd,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AAED,IAAM,cAAc,GAAG;IACrB,OAAO,GAAG,iJAAA,4DAIQ,EAAU,gBAE3B,KAFiB,OAAO,CAAC,EAAE,EAE3B;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,CAAC,+GAAA,aACpB,EAAa,OACpB,EAA2B,MAC3B,EAAc,MACd,EAAa,IAChB,KAJU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,MAAM,CAAC,EAC3B,cAAc,EACd,aAAa,CAChB,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,8MAAA,aACtB,EAAa,oCAGpB,EAA2B,MAC3B,EAAc,sBAEA,EAAU,sDAK3B,KAXU,MAAM,CAAC,MAAM,EAGpB,mBAAmB,CAAC,MAAM,CAAC,EAC3B,cAAc,EAEA,OAAO,CAAC,EAAE,CAK3B,CAAA"}
|
|
1
|
+
{"version":3,"file":"Semantic.styles.js","sourceRoot":"","sources":["../../src/Semantic/Semantic.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EACL,mBAAmB,EACnB,aAAa,GACd,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,6GAAA,aACtB,EAAa,OACpB,EAAyB,kBAE5B,KAHU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,IAAI,CAAC,CAE5B,CAAA;AAED,IAAM,cAAc,GAAG;IACrB,OAAO,GAAG,iJAAA,4DAIQ,EAAU,gBAE3B,KAFiB,OAAO,CAAC,EAAE,EAE3B;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,CAAC,+GAAA,aACpB,EAAa,OACpB,EAA2B,MAC3B,EAAc,MACd,EAAa,IAChB,KAJU,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,MAAM,CAAC,EAC3B,cAAc,EACd,aAAa,CAChB,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,8MAAA,aACtB,EAAa,oCAGpB,EAA2B,MAC3B,EAAc,sBAEA,EAAU,sDAK3B,KAXU,MAAM,CAAC,MAAM,EAGpB,mBAAmB,CAAC,MAAM,CAAC,EAC3B,cAAc,EAEA,OAAO,CAAC,EAAE,CAK3B,CAAA;AAED,MAAM,UAAU,iBAAiB;IAC/B,OAAO,GAAG,yRAAA,sNAUT,KAAA;AACH,CAAC;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,+EAAA,MAC7C,EAAiB,IACpB,KADG,iBAAiB,CACpB,CAAA"}
|
package/dist/Tabs/Tabs.js
CHANGED
|
@@ -38,7 +38,7 @@ import { useResize } from '../_hooks/Resize';
|
|
|
38
38
|
import { addSubcomponents } from '../_utils/addSubcomponents';
|
|
39
39
|
import { getBoundingRect } from '../_utils/dom';
|
|
40
40
|
import { mergeRefs } from '../_utils/mergeRefs';
|
|
41
|
-
import { StyledDropdownTab, StyledLink, StyledOverlay, StyledTab, StyledTabList, StyledTabs, } from './Tabs.styles';
|
|
41
|
+
import { StyledDropdownTab, StyledLink, StyledOverlay, StyledTab, StyledTabInner, StyledTabList, StyledTabs, } from './Tabs.styles';
|
|
42
42
|
function noop() { }
|
|
43
43
|
export var Link = React.forwardRef(function Link(_a, ref) {
|
|
44
44
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
@@ -63,11 +63,17 @@ export var Tab = React.forwardRef(function Tab(_a, ref) {
|
|
|
63
63
|
onMount(innerRef.current);
|
|
64
64
|
return onUnmount;
|
|
65
65
|
}, []);
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
var validChild = React.isValidElement(children);
|
|
67
|
+
return (React.createElement(StyledTab, __assign({}, props, { ref: mergeRefs(ref, innerRef) }),
|
|
68
|
+
React.createElement(StyledTabInner, { active: active || variant === 'active', dark: props.dark, ref: ref }, validChild
|
|
69
|
+
? React.cloneElement(children, {
|
|
70
|
+
// TODO change to aria-selected for same element as role="tab"
|
|
71
|
+
'aria-current': active || variant === 'active' ? true : undefined,
|
|
72
|
+
})
|
|
73
|
+
: children)));
|
|
68
74
|
});
|
|
69
75
|
export var MoreMenu = React.forwardRef(function MoreMenu(_a, ref) {
|
|
70
|
-
var children = _a.children;
|
|
76
|
+
var children = _a.children, id = _a.id;
|
|
71
77
|
var ctx = useOverlayTriggerContext();
|
|
72
78
|
var menuRef = React.useRef(null);
|
|
73
79
|
React.useEffect(function () {
|
|
@@ -80,7 +86,7 @@ export var MoreMenu = React.forwardRef(function MoreMenu(_a, ref) {
|
|
|
80
86
|
ctx.hide(selection.event);
|
|
81
87
|
}
|
|
82
88
|
return (React.createElement(StyledOverlay, { ref: ref },
|
|
83
|
-
React.createElement(MenuImperative, {
|
|
89
|
+
React.createElement(MenuImperative, { id: id, role: "menu", ref: menuRef, onSelect: onSelect },
|
|
84
90
|
React.createElement(MenuImperative.Options, null, React.Children.map(children, function (child, i) {
|
|
85
91
|
if (React.isValidElement(child)) {
|
|
86
92
|
return (React.createElement(MenuImperative.Item, { item: null, key: i, selected: child.props.active }, React.cloneElement(child, { ref: null })));
|
|
@@ -136,10 +142,12 @@ var Tabs_ = React.forwardRef(function Tabs(_a, ref) {
|
|
|
136
142
|
},
|
|
137
143
|
});
|
|
138
144
|
}),
|
|
139
|
-
React.createElement(OverlayTrigger, { beforeShow: function () { return setMoreMenuIsShown(true); }, afterHide: function () { return setMoreMenuIsShown(false); }, trigger: "click", placement: "bottom-right", overlay: React.createElement(MoreMenu, null, overflowing), ref: ref },
|
|
140
|
-
React.createElement(StyledDropdownTab, {
|
|
141
|
-
React.createElement(
|
|
142
|
-
|
|
145
|
+
React.createElement(OverlayTrigger, { autoFocus: true, beforeShow: function () { return setMoreMenuIsShown(true); }, afterHide: function () { return setMoreMenuIsShown(false); }, trigger: "click", passA11yPropsToOverlay: true, placement: "bottom-right", overlay: React.createElement(MoreMenu, null, overflowing), ref: ref, role: "menu" },
|
|
146
|
+
React.createElement(StyledDropdownTab, { "aria-hidden": !overflowing.length, as: "button" },
|
|
147
|
+
React.createElement(StyledTabInner, { active: isOverflowingActive, dark: dark },
|
|
148
|
+
React.createElement(StyledLink, { "data-qa": qa === null || qa === void 0 ? void 0 : qa.more },
|
|
149
|
+
i18n.t('core.tabs.more'),
|
|
150
|
+
moreMenuIsShown ? (React.createElement(CaretUp, { size: "sm" })) : (React.createElement(CaretDown, { size: "sm" })))))))));
|
|
143
151
|
});
|
|
144
152
|
Tabs_.displayName = 'Tabs';
|
|
145
153
|
Link.displayName = 'Tabs.Link';
|
package/dist/Tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const StyledLink: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
3
|
-
export declare const StyledTab: import("styled-components").StyledComponent<"div", any, {
|
|
4
|
-
|
|
5
|
-
dark?: boolean | undefined;
|
|
6
|
-
}, never>;
|
|
7
|
-
export declare const StyledDropdownTab: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
export declare const StyledTab: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
+
export declare const StyledTabInner: import("styled-components").StyledComponent<"div", any, {
|
|
8
5
|
active?: boolean | undefined;
|
|
9
6
|
dark?: boolean | undefined;
|
|
10
7
|
}, never>;
|
|
8
|
+
export declare const StyledDropdownTab: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
9
|
export declare const StyledOverlay: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
12
10
|
export declare const StyledTabList: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
13
11
|
export declare const StyledTabs: import("styled-components").StyledComponent<"nav", any, {
|
package/dist/Tabs/Tabs.styles.js
CHANGED
|
@@ -4,23 +4,37 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
};
|
|
5
5
|
import styled, { css } from 'styled-components';
|
|
6
6
|
import { Card } from '../Card/Card';
|
|
7
|
+
import { getUnstyledButton } from '../Semantic/Semantic.styles';
|
|
7
8
|
import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
|
|
8
9
|
import { colors } from '../_styles/colors';
|
|
10
|
+
import { focusable } from '../_styles/mixins';
|
|
9
11
|
import { spacing } from '../_styles/spacing';
|
|
10
12
|
var hiddenTab = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n pointer-events: none;\n position: absolute;\n visibility: hidden;\n"], ["\n pointer-events: none;\n position: absolute;\n visibility: hidden;\n"])));
|
|
11
13
|
var visible = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n pointer-events: all;\n position: relative;\n visibility: visible;\n"], ["\n pointer-events: all;\n position: relative;\n visibility: visible;\n"])));
|
|
12
14
|
export var StyledLink = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n align-items: center;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n border-bottom-width: 2px;\n display: inline-flex;\n height: 26px; // TODO one-off\n justify-content: center;\n"], ["\n align-items: center;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n border-bottom-width: 2px;\n display: inline-flex;\n height: 26px; // TODO one-off\n justify-content: center;\n"])));
|
|
13
|
-
export var StyledTab = styled.div(
|
|
15
|
+
export var StyledTab = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n\n align-items: center;\n cursor: pointer;\n display: inline-flex;\n flex: 0 0 auto;\n justify-content: center;\n padding: 0 ", "px;\n position: relative;\n white-space: nowrap;\n\n &:first-child {\n padding-left: 0;\n }\n\n &:last-child {\n padding-right: 0;\n }\n"], ["\n ", "\n\n align-items: center;\n cursor: pointer;\n display: inline-flex;\n flex: 0 0 auto;\n justify-content: center;\n padding: 0 ", "px;\n position: relative;\n white-space: nowrap;\n\n &:first-child {\n padding-left: 0;\n }\n\n &:last-child {\n padding-right: 0;\n }\n"])), getTypographyIntent('body'), spacing.md);
|
|
16
|
+
export var StyledTabInner = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n > a {\n text-decoration: none;\n ", "\n }\n\n ", "\n"], ["\n > a {\n text-decoration: none;\n ", "\n }\n\n ", "\n"])), focusable, function (_a) {
|
|
14
17
|
var active = _a.active, dark = _a.dark;
|
|
18
|
+
var textColors = dark
|
|
19
|
+
? {
|
|
20
|
+
active: colors.white,
|
|
21
|
+
default: colors.gray70,
|
|
22
|
+
hover: colors.white,
|
|
23
|
+
}
|
|
24
|
+
: {
|
|
25
|
+
active: colors.gray15,
|
|
26
|
+
default: colors.gray45,
|
|
27
|
+
hover: colors.gray15,
|
|
28
|
+
};
|
|
15
29
|
if (active) {
|
|
16
|
-
return css(
|
|
30
|
+
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n &,\n > a {\n color: ", ";\n cursor: default;\n }\n\n ", " {\n border-bottom-color: ", ";\n }\n "], ["\n &,\n > a {\n color: ", ";\n cursor: default;\n }\n\n ", " {\n border-bottom-color: ", ";\n }\n "])), textColors.active, StyledLink, colors.blue50);
|
|
17
31
|
}
|
|
18
|
-
return css(
|
|
32
|
+
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n &,\n > a {\n color: ", ";\n cursor: pointer;\n }\n &:hover,\n &.hover,\n > a:hover {\n color: ", ";\n }\n "], ["\n &,\n > a {\n color: ", ";\n cursor: pointer;\n }\n &:hover,\n &.hover,\n > a:hover {\n color: ", ";\n }\n "])), textColors.default, textColors.hover);
|
|
19
33
|
});
|
|
20
|
-
export var StyledDropdownTab = styled(StyledTab)(
|
|
21
|
-
export var StyledOverlay = styled(Card)(
|
|
22
|
-
export var StyledTabList = styled.div(
|
|
23
|
-
export var StyledTabs = styled.nav(
|
|
34
|
+
export var StyledDropdownTab = styled(StyledTab)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n cursor: pointer;\n ", "\n ", "\n\n ", "\n\n ", " {\n margin-right: ", "px;\n }\n"], ["\n cursor: pointer;\n ", "\n ", "\n\n ", "\n\n ", " {\n margin-right: ", "px;\n }\n"])), getUnstyledButton, focusable, hiddenTab, StyledLink, spacing.xs);
|
|
35
|
+
export var StyledOverlay = styled(Card)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n max-height: 40vh;\n\n ", " {\n color: ", ";\n }\n ", " {\n // onClick events are attached to the Tab which are put inside of <Menu.Item>\n // components with padding. Negative margin trick allows the cloned tab\n // to cover the full area of the menu item\n margin: -", "px -", "px;\n padding: ", "px ", "px;\n }\n\n // hacky way to style items that were cloned into the menu\n // can probably clean this up once we convert menu to jss\n // by using the inverse ancestor selector\n [data-selected='true'] {\n ", ",\n ", " > a {\n color: ", ";\n font-weight: ", ";\n }\n }\n\n ", " {\n border: 0;\n height: auto;\n }\n"], ["\n max-height: 40vh;\n\n ", " {\n color: ", ";\n }\n ", " {\n // onClick events are attached to the Tab which are put inside of <Menu.Item>\n // components with padding. Negative margin trick allows the cloned tab\n // to cover the full area of the menu item\n margin: -", "px -", "px;\n padding: ", "px ", "px;\n }\n\n // hacky way to style items that were cloned into the menu\n // can probably clean this up once we convert menu to jss\n // by using the inverse ancestor selector\n [data-selected='true'] {\n ", ",\n ", " > a {\n color: ", ";\n font-weight: ", ";\n }\n }\n\n ", " {\n border: 0;\n height: auto;\n }\n"])), StyledTabInner, colors.gray45, StyledTab, spacing.sm, spacing.lg, spacing.sm, spacing.lg, StyledTabInner, StyledTabInner, colors.blue50, typographyWeights.semibold, StyledLink);
|
|
36
|
+
export var StyledTabList = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n width: 100%;\n"], ["\n display: flex;\n width: 100%;\n"])));
|
|
37
|
+
export var StyledTabs = styled.nav(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n display: flex;\n overflow: hidden;\n width: 100%;\n\n ", " {\n // we want to hide all tabs after overflow index\n &:nth-child(1n + ", ") {\n // but not the \"More\" dropdown tab\n &:not(", ") {\n ", "\n }\n }\n }\n\n ", "\n"], ["\n background-color: ", ";\n display: flex;\n overflow: hidden;\n width: 100%;\n\n ", " {\n // we want to hide all tabs after overflow index\n &:nth-child(1n + ", ") {\n // but not the \"More\" dropdown tab\n &:not(", ") {\n ", "\n }\n }\n }\n\n ", "\n"])), function (_a) {
|
|
24
38
|
var dark = _a.dark;
|
|
25
39
|
return dark && colors.gray15;
|
|
26
40
|
}, StyledTab, function (_a) {
|
|
@@ -28,7 +42,7 @@ export var StyledTabs = styled.nav(templateObject_11 || (templateObject_11 = __m
|
|
|
28
42
|
return index;
|
|
29
43
|
}, StyledDropdownTab, hiddenTab, function (_a) {
|
|
30
44
|
var _b = _a.index, index = _b === void 0 ? -1 : _b;
|
|
31
|
-
return index >= 0 && css(
|
|
45
|
+
return index >= 0 && css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", " {\n ", "\n }\n "], ["\n ", " {\n ", "\n }\n "])), StyledDropdownTab, visible);
|
|
32
46
|
});
|
|
33
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
47
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
|
|
34
48
|
//# sourceMappingURL=Tabs.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.styles.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,IAAM,SAAS,GAAG,GAAG,8IAAA,2EAIpB,IAAA,CAAA;AAED,IAAM,OAAO,GAAG,GAAG,8IAAA,2EAIlB,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,sRAAA,mNAQpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Tabs.styles.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,IAAM,SAAS,GAAG,GAAG,8IAAA,2EAIpB,IAAA,CAAA;AAED,IAAM,OAAO,GAAG,GAAG,8IAAA,2EAIlB,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,sRAAA,mNAQpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,0WAAA,MAC/B,EAA2B,uIAOhB,EAAU,sJAWxB,KAlBG,mBAAmB,CAAC,MAAM,CAAC,EAOhB,OAAO,CAAC,EAAE,CAWxB,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,qIAAsC,6CAGxE,EAAS,aAGX,EAuCD,IACF,KA3CK,SAAS,EAGX,UAAC,EAAgB;QAAd,MAAM,YAAA,EAAE,IAAI,UAAA;IACf,IAAM,UAAU,GAAG,IAAI;QACrB,CAAC,CAAC;YACE,MAAM,EAAE,MAAM,CAAC,KAAK;YACpB,OAAO,EAAE,MAAM,CAAC,MAAM;YACtB,KAAK,EAAE,MAAM,CAAC,KAAK;SACpB;QACH,CAAC,CAAC;YACE,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,OAAO,EAAE,MAAM,CAAC,MAAM;YACtB,KAAK,EAAE,MAAM,CAAC,MAAM;SACrB,CAAA;IAEL,IAAI,MAAM,EAAE;QACV,OAAO,GAAG,0OAAA,gDAGG,EAAiB,sDAI1B,EAAU,qCACa,EAAa,sBAEvC,KAPY,UAAU,CAAC,MAAM,EAI1B,UAAU,EACa,MAAM,CAAC,MAAM,EAEvC;KACF;IAED,OAAO,GAAG,6OAAA,0CAGG,EAAkB,0GAMlB,EAAgB,kBAE5B,KARY,UAAU,CAAC,OAAO,EAMlB,UAAU,CAAC,KAAK,EAE5B;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,SAAS,CAAC,iKAAA,0BAE9C,EAAiB,MACjB,EAAS,QAET,EAAS,QAET,EAAU,wBACM,EAAU,YAE7B,KARG,iBAAiB,EACjB,SAAS,EAET,SAAS,EAET,UAAU,EACM,OAAO,CAAC,EAAE,CAE7B,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,wuBAAA,6BAGrC,EAAc,iBACL,EAAa,YAEtB,EAAS,mOAIE,EAAU,MAAO,EAAU,oBAC3B,EAAU,KAAM,EAAU,sNAOnC,EAAc,SACd,EAAc,uBACL,EAAa,wBACP,EAA0B,qBAI3C,EAAU,8CAIb,KA1BG,cAAc,EACL,MAAM,CAAC,MAAM,EAEtB,SAAS,EAIE,OAAO,CAAC,EAAE,EAAO,OAAO,CAAC,EAAE,EAC3B,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAOnC,cAAc,EACd,cAAc,EACL,MAAM,CAAC,MAAM,EACP,iBAAiB,CAAC,QAAQ,EAI3C,UAAU,CAIb,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,2GAAA,sCAGtC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,yWAAoC,wBAClD,EAAmC,gEAKrD,EAAS,iFAEU,EAAoB,+DAE7B,EAAiB,eACrB,EAAS,6BAKf,EAMC,IACJ,KAtBqB,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI,IAAI,MAAM,CAAC,MAAM;AAArB,CAAqB,EAKrD,SAAS,EAEU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK;AAAL,CAAK,EAE7B,iBAAiB,EACrB,SAAS,EAKf,UAAC,EAAc;QAAZ,aAAU,EAAV,KAAK,mBAAG,CAAC,CAAC,KAAA;IACb,OAAA,KAAK,IAAI,CAAC,IACV,GAAG,kHAAA,UACC,EAAiB,cACf,EAAO,iBAEZ,KAHG,iBAAiB,EACf,OAAO,CAEZ;AALD,CAKC,CACJ,CAAA"}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"description": "Instead of using the default children, you can pass in your own.",
|
|
11
11
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
|
|
12
12
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
13
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
13
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/_utils/types.ts#L45"
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
16
|
"name": "className",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"description": "Additional classNames",
|
|
21
21
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
|
|
22
22
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
23
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
23
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/_utils/types.ts#L50"
|
|
24
24
|
},
|
|
25
25
|
{
|
|
26
26
|
"name": "icon",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"description": "The icon to display",
|
|
31
31
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The icon to display</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
|
|
32
32
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
33
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
33
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/Avatar/Avatar.types.ts#L49"
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
36
|
"name": "style",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"description": "Additional CSS styles",
|
|
41
41
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
42
42
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
43
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
43
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/_utils/types.ts#L55"
|
|
44
44
|
}
|
|
45
45
|
],
|
|
46
46
|
"description": ""
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"description": "Instead of using the default children, you can pass in your own.",
|
|
57
57
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
|
|
58
58
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
59
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
59
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/_utils/types.ts#L45"
|
|
60
60
|
},
|
|
61
61
|
{
|
|
62
62
|
"name": "className",
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"description": "Additional classNames",
|
|
67
67
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
|
|
68
68
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
69
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
69
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/_utils/types.ts#L50"
|
|
70
70
|
},
|
|
71
71
|
{
|
|
72
72
|
"name": "style",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"description": "Additional CSS styles",
|
|
77
77
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
78
78
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
79
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
79
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/_utils/types.ts#L55"
|
|
80
80
|
}
|
|
81
81
|
],
|
|
82
82
|
"description": ""
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"description": "Instead of using the default children, you can pass in your own.",
|
|
93
93
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
|
|
94
94
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
95
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
95
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/_utils/types.ts#L45"
|
|
96
96
|
},
|
|
97
97
|
{
|
|
98
98
|
"name": "className",
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
"description": "Additional classNames",
|
|
103
103
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
|
|
104
104
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
105
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
105
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/_utils/types.ts#L50"
|
|
106
106
|
},
|
|
107
107
|
{
|
|
108
108
|
"name": "imageUrl",
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
"description": "The Avatar rich media url",
|
|
113
113
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The Avatar rich media url</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
|
|
114
114
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
115
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
115
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/Avatar/Avatar.types.ts#L57"
|
|
116
116
|
},
|
|
117
117
|
{
|
|
118
118
|
"name": "style",
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
"description": "Additional CSS styles",
|
|
123
123
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
124
124
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
125
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
125
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/_utils/types.ts#L55"
|
|
126
126
|
}
|
|
127
127
|
],
|
|
128
128
|
"description": ""
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
"description": "Instead of using the default children, you can pass in your own.",
|
|
139
139
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
|
|
140
140
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
141
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
141
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/_utils/types.ts#L45"
|
|
142
142
|
},
|
|
143
143
|
{
|
|
144
144
|
"name": "className",
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
"description": "Additional classNames",
|
|
149
149
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
|
|
150
150
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
151
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
151
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/_utils/types.ts#L50"
|
|
152
152
|
},
|
|
153
153
|
{
|
|
154
154
|
"name": "clickable",
|
|
@@ -159,7 +159,7 @@
|
|
|
159
159
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the Avatar's clickable state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
|
|
160
160
|
"defaultValue": "false\n",
|
|
161
161
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
162
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
162
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/Avatar/Avatar.types.ts#L12"
|
|
163
163
|
},
|
|
164
164
|
{
|
|
165
165
|
"name": "disabled",
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the Avatar's disabled state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
|
|
171
171
|
"defaultValue": "false\n",
|
|
172
172
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
173
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
173
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/Avatar/Avatar.types.ts#L18"
|
|
174
174
|
},
|
|
175
175
|
{
|
|
176
176
|
"name": "size",
|
|
@@ -183,7 +183,7 @@
|
|
|
183
183
|
"deprecated": "\n\nSize \"xl\" has been deprecated and will be removed in a future version.\nPlease use \"lg\" instead of \"xl\".\n\n**Before**\n\n`<Avatar size=\"xl\" />`\n\n**After**\n\n`<Avatar size=\"lg\" />`\n",
|
|
184
184
|
"deprecatedSince": "10.20.0",
|
|
185
185
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
186
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
186
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/Avatar/Avatar.types.ts#L40"
|
|
187
187
|
},
|
|
188
188
|
{
|
|
189
189
|
"name": "style",
|
|
@@ -193,7 +193,7 @@
|
|
|
193
193
|
"description": "Additional CSS styles",
|
|
194
194
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
195
195
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
196
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
196
|
+
"sourceUrl": "https://github.com/procore/core/blob/068cfab25/packages/core-react/src/_utils/types.ts#L55"
|
|
197
197
|
}
|
|
198
198
|
],
|
|
199
199
|
"description": ""
|