@procore/core-react 11.7.0-rc.2 → 11.7.0-rc.3
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.d.ts +25 -2
- package/dist/Avatar/Avatar.js +34 -4
- package/dist/Avatar/Avatar.js.map +1 -1
- package/dist/Avatar/Avatar.styles.d.ts +4 -4
- package/dist/Avatar/Avatar.styles.js +3 -3
- package/dist/Avatar/Avatar.styles.js.map +1 -1
- package/dist/Avatar/Avatar.types.d.ts +28 -6
- package/dist/AvatarStack/AvatarStack.js +2 -2
- package/dist/AvatarStack/AvatarStack.js.map +1 -1
- package/dist/AvatarStack/AvatarStack.styles.d.ts +3 -1
- package/dist/AvatarStack/AvatarStack.types.d.ts +1 -1
- package/dist/ContactItem/ContactItem.js +1 -1
- package/dist/ContactItem/ContactItem.js.map +1 -1
- package/dist/ContactItem/ContactItem.styles.d.ts +3 -1
- package/dist/Menu/Menu.d.ts +2 -2
- package/dist/Semantic/Semantic.styles.d.ts +10 -0
- package/dist/Semantic/Semantic.styles.js +21 -3
- package/dist/Semantic/Semantic.styles.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.styles.d.ts +3 -1
- package/dist/ToolHeader/ActionIcon.d.ts +5 -0
- package/dist/ToolHeader/ActionIcon.js +46 -0
- package/dist/ToolHeader/ActionIcon.js.map +1 -0
- package/dist/ToolHeader/ActionIcon.types.d.ts +10 -0
- package/dist/ToolHeader/ActionIcon.types.example.d.ts +1 -0
- package/dist/ToolHeader/ActionIcon.types.example.js +43 -0
- package/dist/ToolHeader/ActionIcon.types.example.js.map +1 -0
- package/dist/ToolHeader/ActionIcon.types.js +2 -0
- package/dist/ToolHeader/ActionIcon.types.js.map +1 -0
- package/dist/ToolHeader/ToolHeader.d.ts +4 -1
- package/dist/ToolHeader/ToolHeader.js +10 -0
- package/dist/ToolHeader/ToolHeader.js.map +1 -1
- package/dist/ToolHeader/ToolHeader.styles.js +5 -2
- package/dist/ToolHeader/ToolHeader.styles.js.map +1 -1
- package/dist/ToolHeader/ToolHeader.types.d.ts +12 -0
- package/dist/Tooltip/Tooltip.types.d.ts +2 -2
- package/dist/_hooks/I18n.d.ts +3 -0
- package/dist/_locales/en.json +3 -0
- package/dist/_styles/mixins.d.ts +3 -0
- package/dist/_styles/mixins.js +3 -0
- package/dist/_styles/mixins.js.map +1 -1
- package/dist/_typedoc/Avatar/Avatar.types.json +60 -22
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +24 -24
- 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 +39 -39
- 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 +702 -702
- 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 +28 -28
- 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 +55 -55
- 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 +33 -33
- 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 +27 -27
- 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 +34 -8
- package/dist/_typedoc/Tooltip/Tooltip.types.json +15 -15
- 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/_typedoc/deprecations.json +1 -1
- package/dist/_utils/polymorphic.d.ts +18 -0
- package/dist/_utils/polymorphic.js +2 -0
- package/dist/_utils/polymorphic.js.map +1 -0
- package/dist/_utils/types.d.ts +5 -0
- package/package.json +3 -2
package/dist/Avatar/Avatar.d.ts
CHANGED
|
@@ -1,11 +1,34 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DivAttributes } from '../_utils/types';
|
|
3
|
-
import { AvatarIconProps, AvatarLabelProps, AvatarPortraitProps, AvatarProps } from './Avatar.types';
|
|
3
|
+
import { AvatarIconProps, AvatarLabelProps, AvatarPortraitProps, AvatarProps, AvatarRef, AvatarRoles, AvatarRoleType, BaseAvatarProps } from './Avatar.types';
|
|
4
|
+
/**
|
|
5
|
+
|
|
6
|
+
We use avatars to visually represent our users, places, and things in the app.
|
|
7
|
+
These can be in the form of rich media or representative illustrations.
|
|
8
|
+
|
|
9
|
+
@since 10.19.0
|
|
10
|
+
|
|
11
|
+
@see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-avatar--demo)
|
|
12
|
+
|
|
13
|
+
@see [Design Guidelines](https://design.procore.com/avatar)
|
|
14
|
+
|
|
15
|
+
@a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only
|
|
16
|
+
|
|
17
|
+
*/
|
|
18
|
+
declare function AvatarInner({ as, clickable, disabled, href, size, children, rel, role, target, ...props }: AvatarProps<AvatarRoleType>, ref: AvatarRef<AvatarRoleType>): JSX.Element;
|
|
4
19
|
export declare const Icon: React.ForwardRefExoticComponent<DivAttributes & AvatarIconProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
20
|
export declare const Label: React.ForwardRefExoticComponent<DivAttributes & AvatarLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
21
|
export declare const Portrait: React.ForwardRefExoticComponent<DivAttributes & AvatarPortraitProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
-
export declare const
|
|
22
|
+
export declare const NextAvatar: (<Role extends AvatarRoles>(props: AvatarProps<Role>) => ReturnType<typeof AvatarInner>) & {
|
|
8
23
|
Icon: React.ForwardRefExoticComponent<DivAttributes & AvatarIconProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
24
|
Label: React.ForwardRefExoticComponent<DivAttributes & AvatarLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
25
|
Portrait: React.ForwardRefExoticComponent<DivAttributes & AvatarPortraitProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
26
|
};
|
|
27
|
+
export declare const Avatar: (<Role extends AvatarRoles>(props: AvatarProps<Role> | (BaseAvatarProps & {
|
|
28
|
+
ref?: React.ComponentPropsWithRef<'div'>['ref'];
|
|
29
|
+
})) => ReturnType<typeof AvatarInner>) & {
|
|
30
|
+
Icon: React.ForwardRefExoticComponent<DivAttributes & AvatarIconProps & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
+
Label: React.ForwardRefExoticComponent<DivAttributes & AvatarLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
Portrait: React.ForwardRefExoticComponent<DivAttributes & AvatarPortraitProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
};
|
|
34
|
+
export {};
|
package/dist/Avatar/Avatar.js
CHANGED
|
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
+
import { useButton } from '@react-aria/button';
|
|
23
24
|
import React from 'react';
|
|
24
25
|
import { addSubcomponents } from '../_utils/addSubcomponents';
|
|
25
26
|
import { StyledAvatarContainer, StyledAvatarOverlay, StyledIconContainer, StyledLabelContainer, StyledPortraitContainer, } from './Avatar.styles';
|
|
@@ -34,19 +35,40 @@ import { StyledAvatarContainer, StyledAvatarOverlay, StyledIconContainer, Styled
|
|
|
34
35
|
|
|
35
36
|
@see [Design Guidelines](https://design.procore.com/avatar)
|
|
36
37
|
|
|
38
|
+
@a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only
|
|
39
|
+
|
|
37
40
|
*/
|
|
38
|
-
|
|
39
|
-
var
|
|
40
|
-
|
|
41
|
+
function AvatarInner(_a, ref) {
|
|
42
|
+
var as = _a.as, clickable = _a.clickable, disabled = _a.disabled,
|
|
43
|
+
// @ts-ignore link only
|
|
44
|
+
href = _a.href, size = _a.size, children = _a.children,
|
|
45
|
+
// @ts-ignore link only
|
|
46
|
+
rel = _a.rel,
|
|
47
|
+
// @ts-ignore not on legacy
|
|
48
|
+
role = _a.role,
|
|
49
|
+
// @ts-ignore link only
|
|
50
|
+
target = _a.target, props = __rest(_a, ["as", "clickable", "disabled", "href", "size", "children", "rel", "role", "target"]);
|
|
51
|
+
var onPress = props.onPress;
|
|
52
|
+
var buttonProps = useButton(__assign(__assign({}, props), { elementType: role === 'link' ? 'a' : 'div', href: href, isDisabled: disabled, onPress: onPress, rel: rel, target: target, type: 'button' }), ref).buttonProps;
|
|
53
|
+
var a11yProps = role === 'button'
|
|
54
|
+
? __assign(__assign({}, buttonProps), { as: as || 'div', $clickable: !disabled }) : role === 'link'
|
|
55
|
+
? __assign(__assign({}, buttonProps), { as: as || 'a', $clickable: !disabled }) : role === 'img'
|
|
56
|
+
? { role: 'img' }
|
|
57
|
+
: {};
|
|
58
|
+
return (React.createElement(StyledAvatarContainer, __assign({ ref: ref, "$clickable": clickable, "$disabled": disabled, "$size": size, "data-qa": "core-avatar" }, a11yProps, props),
|
|
41
59
|
React.Children.only(children),
|
|
42
60
|
React.createElement(StyledAvatarOverlay, null)));
|
|
43
|
-
}
|
|
61
|
+
}
|
|
62
|
+
var Avatar_ = React.forwardRef(AvatarInner);
|
|
63
|
+
var NextAvatar_ = React.forwardRef(AvatarInner);
|
|
44
64
|
export var Icon = React.forwardRef(function Icon(_a, ref) {
|
|
45
65
|
var icon = _a.icon, props = __rest(_a, ["icon"]);
|
|
46
66
|
return (React.createElement(StyledIconContainer, __assign({ ref: ref }, props), icon));
|
|
47
67
|
});
|
|
48
68
|
export var Label = React.forwardRef(function Label(_a, ref) {
|
|
49
69
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
70
|
+
// Breaking change: Option to make aria-hidden since parent requires a label.
|
|
71
|
+
// Can add in major once labelling is enforced
|
|
50
72
|
return (React.createElement(StyledLabelContainer, __assign({ ref: ref }, props), children));
|
|
51
73
|
});
|
|
52
74
|
export var Portrait = React.forwardRef(function Portrait(_a, ref) {
|
|
@@ -54,10 +76,18 @@ export var Portrait = React.forwardRef(function Portrait(_a, ref) {
|
|
|
54
76
|
return (React.createElement(StyledPortraitContainer, __assign({ ref: ref, "$imageUrl": imageUrl }, props),
|
|
55
77
|
React.createElement(StyledAvatarOverlay, null)));
|
|
56
78
|
});
|
|
79
|
+
// @ts-ignore
|
|
57
80
|
Avatar_.displayName = 'Avatar';
|
|
58
81
|
Icon.displayName = 'Avatar.Icon';
|
|
59
82
|
Label.displayName = 'Avatar.Label';
|
|
60
83
|
Portrait.displayName = 'Avatar.Portrait';
|
|
84
|
+
// @ts-ignore
|
|
85
|
+
NextAvatar_.displayName = 'Avatar';
|
|
86
|
+
export var NextAvatar = addSubcomponents({
|
|
87
|
+
Icon: Icon,
|
|
88
|
+
Label: Label,
|
|
89
|
+
Portrait: Portrait,
|
|
90
|
+
}, NextAvatar_);
|
|
61
91
|
export var Avatar = addSubcomponents({
|
|
62
92
|
Icon: Icon,
|
|
63
93
|
Label: Label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,iBAAiB,CAAA;AAYxB;;;;;;;;;;;;;GAaG;AACH,SAAS,WAAW,CAClB,EAe8B,EAC9B,GAA8B;IAf5B,IAAA,EAAE,QAAA,EACF,SAAS,eAAA,EACT,QAAQ,cAAA;IACR,uBAAuB;IACvB,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,QAAQ,cAAA;IACR,uBAAuB;IACvB,GAAG,SAAA;IACH,2BAA2B;IAC3B,IAAI,UAAA;IACJ,uBAAuB;IACvB,MAAM,YAAA,EACH,KAAK,cAdV,oFAeC,CADS;IAIF,IAAA,OAAO,GAAK,KAA8B,QAAnC,CAAmC;IAE5C,IAAA,WAAW,GAAK,SAAS,uBAExB,KAAK,KACR,WAAW,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAC1C,IAAI,MAAA,EACJ,UAAU,EAAE,QAAQ,EACpB,OAAO,SAAA,EACP,GAAG,KAAA,EACH,MAAM,QAAA,EACN,IAAI,EAAE,QAAQ,KAEhB,GAAG,CACJ,YAZgB,CAYhB;IAED,IAAM,SAAS,GACb,IAAI,KAAK,QAAQ;QACf,CAAC,uBAAM,WAAW,KAAE,EAAE,EAAE,EAAE,IAAI,KAAK,EAAE,UAAU,EAAE,CAAC,QAAQ,IAC1D,CAAC,CAAC,IAAI,KAAK,MAAM;QACjB,CAAC,uBAAM,WAAW,KAAE,EAAE,EAAE,EAAE,IAAI,GAAG,EAAE,UAAU,EAAE,CAAC,QAAQ,IACxD,CAAC,CAAC,IAAI,KAAK,KAAK;QAChB,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;QACjB,CAAC,CAAC,EAAE,CAAA;IAER,OAAO,CACL,oBAAC,qBAAqB,aACpB,GAAG,EAAE,GAAG,gBACI,SAAS,eACV,QAAQ,WACZ,IAAI,aACH,aAAa,IACjB,SAAS,EACT,KAAK;QAER,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC9B,oBAAC,mBAAmB,OAAG,CACD,CACzB,CAAA;AACH,CAAC;AAED,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAKT,CAAA;AAEnC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAEb,CAAA;AAEnC,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAGlC,SAAS,IAAI,CAAC,EAAkB,EAAE,GAAG;IAArB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;IAC9B,OAAO,CACL,oBAAC,mBAAmB,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GACrC,IAAI,CACe,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAGnC,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,6EAA6E;IAC7E,8CAA8C;IAC9C,OAAO,CACL,oBAAC,oBAAoB,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GACtC,QAAQ,CACY,CACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAGtC,SAAS,QAAQ,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACtC,OAAO,CACL,oBAAC,uBAAuB,aAAC,GAAG,EAAE,GAAG,eAAa,QAAQ,IAAM,KAAK;QAC/D,oBAAC,mBAAmB,OAAG,CACC,CAC3B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa;AACb,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE9B,IAAI,CAAC,WAAW,GAAG,aAAa,CAAA;AAEhC,KAAK,CAAC,WAAW,GAAG,cAAc,CAAA;AAElC,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAExC,aAAa;AACb,WAAW,CAAC,WAAW,GAAG,QAAQ,CAAA;AAElC,MAAM,CAAC,IAAM,UAAU,GAAG,gBAAgB,CACxC;IACE,IAAI,MAAA;IACJ,KAAK,OAAA;IACL,QAAQ,UAAA;CACT,EACD,WAAW,CACZ,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,gBAAgB,CACpC;IACE,IAAI,MAAA;IACJ,KAAK,OAAA;IACL,QAAQ,UAAA;CACT,EACD,OAAO,CACR,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BaseAvatarProps } from './Avatar.types';
|
|
2
2
|
interface StyledAvatarProps {
|
|
3
|
-
$clickable:
|
|
4
|
-
$disabled:
|
|
5
|
-
$size:
|
|
3
|
+
$clickable: BaseAvatarProps['clickable'];
|
|
4
|
+
$disabled: BaseAvatarProps['disabled'];
|
|
5
|
+
$size: BaseAvatarProps['size'];
|
|
6
6
|
}
|
|
7
7
|
export declare const StyledAvatarOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
8
|
export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -4,12 +4,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
};
|
|
5
5
|
import styled, { css } from 'styled-components';
|
|
6
6
|
import { colors } from '../_styles/colors';
|
|
7
|
+
import { focusable } from '../_styles/mixins';
|
|
7
8
|
var activeOverlayOpacity = 0.3;
|
|
8
9
|
var containerSize = { xl: 96, lg: 40, md: 32 };
|
|
9
10
|
var fontSize = { xl: 40, lg: 14, md: 14 };
|
|
10
11
|
var fontWeights = { xl: 700, lg: 600, md: 600 };
|
|
11
12
|
var iconSize = { xl: 48, lg: 24, md: 16 };
|
|
12
|
-
var iconSizeLegacy = { xl: 40, lg: 14, md: 14 };
|
|
13
13
|
export var StyledAvatarOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 100%;\n opacity: 0;\n"], ["\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 100%;\n opacity: 0;\n"])));
|
|
14
14
|
export var StyledIconContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-flex;\n"], ["\n display: inline-flex;\n"])));
|
|
15
15
|
export var StyledLabelContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n text-transform: uppercase;\n"], ["\n text-transform: uppercase;\n"])));
|
|
@@ -17,13 +17,13 @@ export var StyledPortraitContainer = styled.div(templateObject_4 || (templateObj
|
|
|
17
17
|
var $imageUrl = _a.$imageUrl;
|
|
18
18
|
return $imageUrl;
|
|
19
19
|
});
|
|
20
|
-
export var StyledAvatarContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n overflow: hidden;\n position: relative;\n cursor: default;\n color: ", ";\n background-color: ", ";\n\n ", "\n\n ", ";\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n overflow: hidden;\n position: relative;\n cursor: default;\n color: ", ";\n background-color: ", ";\n\n ", "\n\n ", ";\n"])), colors.white, colors.gray30, function (_a) {
|
|
20
|
+
export var StyledAvatarContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n overflow: hidden;\n position: relative;\n cursor: default;\n color: ", ";\n background-color: ", ";\n text-decoration: none;\n\n a:has(> &) {\n text-decoration: none;\n }\n\n &:focus {\n ", "\n }\n // for safety separate rule block for supported browsers\n a:focus:has(> &) {\n ", "\n }\n\n ", "\n\n ", ";\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n overflow: hidden;\n position: relative;\n cursor: default;\n color: ", ";\n background-color: ", ";\n text-decoration: none;\n\n a:has(> &) {\n text-decoration: none;\n }\n\n &:focus {\n ", "\n }\n // for safety separate rule block for supported browsers\n a:focus:has(> &) {\n ", "\n }\n\n ", "\n\n ", ";\n"])), colors.white, colors.gray30, focusable, focusable, function (_a) {
|
|
21
21
|
var _b = _a.$size, $size = _b === void 0 ? 'md' : _b;
|
|
22
22
|
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: ", "px;\n font-weight: ", ";\n height: ", "px;\n width: ", "px;\n min-height: ", "px;\n min-width: ", "px;\n\n ", " {\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n "], ["\n font-size: ", "px;\n font-weight: ", ";\n height: ", "px;\n width: ", "px;\n min-height: ", "px;\n min-width: ", "px;\n\n ", " {\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n "])), fontSize[$size], fontWeights[$size], containerSize[$size], containerSize[$size], containerSize[$size], containerSize[$size], StyledIconContainer, iconSize[$size], iconSize[$size]);
|
|
23
23
|
}, function (_a) {
|
|
24
24
|
var $disabled = _a.$disabled, $clickable = _a.$clickable;
|
|
25
25
|
if (!$disabled && $clickable) {
|
|
26
|
-
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n cursor: pointer;\n\n &:hover {\n ", " {\n opacity: ", ";\n }\n }\n\n ", " {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n\n &:hover {\n ", " {\n opacity: ", ";\n }\n }\n\n ", " {\n background-color: ", ";\n }\n "])), StyledAvatarOverlay, activeOverlayOpacity, StyledAvatarOverlay, colors.black);
|
|
26
|
+
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n cursor: pointer;\n\n &:focus,\n &:hover {\n ", " {\n opacity: ", ";\n }\n }\n\n ", " {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n\n &:focus,\n &:hover {\n ", " {\n opacity: ", ";\n }\n }\n\n ", " {\n background-color: ", ";\n }\n "])), StyledAvatarOverlay, activeOverlayOpacity, StyledAvatarOverlay, colors.black);
|
|
27
27
|
}
|
|
28
28
|
if ($disabled && !$clickable) {
|
|
29
29
|
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: ", ";\n\n ", " {\n background-color: ", ";\n opacity: ", ";\n }\n "], ["\n background-color: ", ";\n\n ", " {\n background-color: ", ";\n opacity: ", ";\n }\n "])), colors.gray85, StyledAvatarOverlay, colors.white, activeOverlayOpacity);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.styles.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"Avatar.styles.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
1
|
+
import { AriaButtonProps } from '@react-aria/button';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Polymorphic } from '../_utils/polymorphic';
|
|
4
|
+
import { AriaLabelled, Props, Size } from '../_utils/types';
|
|
3
5
|
export declare type AvatarSize = Extract<Size, 'md' | 'lg' | 'xl'>;
|
|
4
|
-
export
|
|
6
|
+
export declare type AvatarRoleType = 'link' | 'button' | 'img';
|
|
7
|
+
export interface AvatarPolyMap extends Record<AvatarRoleType, React.ElementType> {
|
|
8
|
+
button: 'div';
|
|
9
|
+
img: 'div';
|
|
10
|
+
link: 'a';
|
|
11
|
+
}
|
|
12
|
+
export declare type AvatarRoles = AvatarRoleType | undefined;
|
|
13
|
+
export declare type AvatarRef<Role extends AvatarRoles = undefined> = Role extends AvatarRoleType ? Polymorphic.Ref<AvatarPolyMap, Role> : React.ComponentPropsWithRef<'div'>['ref'];
|
|
14
|
+
export interface BaseAvatarProps extends Props {
|
|
5
15
|
/**
|
|
6
|
-
* Sets the Avatar's clickable state
|
|
7
|
-
*
|
|
8
|
-
* @since 10.19.0
|
|
16
|
+
* Sets the Avatar's clickable UI state. For accessibility, see `role`
|
|
17
|
+
* @ally This prop is around UI and has 0 UX or JS for interaction, try `role` instead.
|
|
9
18
|
* @defaultValue false
|
|
19
|
+
* @deprecated Reviewing for removal from system, prefer accessible `role` for interactive UI.
|
|
20
|
+
* @deprecatedSince TBD
|
|
21
|
+
* @since 10.19.0
|
|
10
22
|
*/
|
|
11
23
|
clickable?: boolean;
|
|
12
24
|
/**
|
|
@@ -38,6 +50,15 @@ export interface AvatarProps extends Props {
|
|
|
38
50
|
*/
|
|
39
51
|
size?: AvatarSize;
|
|
40
52
|
}
|
|
53
|
+
declare type DecorativeAvatarProps<Role extends AvatarRoles = undefined> = {
|
|
54
|
+
'aria-hidden': true;
|
|
55
|
+
role?: Role;
|
|
56
|
+
} & BaseAvatarProps;
|
|
57
|
+
export declare type AvatarProps<Role extends AvatarRoles = undefined> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<AvatarPolyMap, 'link', 'href', AriaLabelled<BaseAvatarProps>> : Role extends 'button' ? Polymorphic.ComponentPropsWithRef<AvatarPolyMap, 'button', never, AriaLabelled<{
|
|
58
|
+
onPress: AriaButtonProps['onPress'];
|
|
59
|
+
} & BaseAvatarProps>> : Role extends 'img' ? Polymorphic.ComponentPropsWithRef<AvatarPolyMap, 'img', never, AriaLabelled<BaseAvatarProps>> : DecorativeAvatarProps & {
|
|
60
|
+
ref?: AvatarRef<undefined>;
|
|
61
|
+
};
|
|
41
62
|
export interface AvatarIconProps extends Props {
|
|
42
63
|
/**
|
|
43
64
|
* The icon to display
|
|
@@ -55,3 +76,4 @@ export interface AvatarPortraitProps extends Props {
|
|
|
55
76
|
}
|
|
56
77
|
export interface AvatarLabelProps extends Props {
|
|
57
78
|
}
|
|
79
|
+
export {};
|
|
@@ -124,7 +124,7 @@ export function BaseAvatarStack(_a) {
|
|
|
124
124
|
return (React.createElement(React.Fragment, null, items.map(function (item) {
|
|
125
125
|
return (React.createElement(Popover, { key: item.id, trigger: "hover", overlay: React.createElement(Popover.Content, null,
|
|
126
126
|
React.createElement(AvatarStackContactItem, { id: item.id, type: item.type, imageUrl: item.imageUrl, initials: item.initials, inactive: item.inactive, name: item.name, linkUrl: item.linkUrl, description: item.description })) },
|
|
127
|
-
React.createElement(StyledAvatar, { clickable: true, size: size, "$color": colors.get(item.id), disabled: item.inactive },
|
|
127
|
+
React.createElement(StyledAvatar, { "aria-hidden": true, clickable: true, size: size, "$color": colors.get(item.id), disabled: item.inactive },
|
|
128
128
|
React.createElement(AvatarContent, { imageUrl: item.imageUrl, initials: item.initials, type: item.type, size: size }))));
|
|
129
129
|
})));
|
|
130
130
|
}
|
|
@@ -141,7 +141,7 @@ export function FoldedAvatarStack(_a) {
|
|
|
141
141
|
React.createElement(StyledContactItems, null, items.map(function (item) { return (React.createElement(AvatarStackContactItem, { key: item.id, id: item.id, type: item.type, imageUrl: item.imageUrl, initials: item.initials, inactive: item.inactive, name: item.name, linkUrl: item.linkUrl, description: item.description })); })),
|
|
142
142
|
isViewAllNeeded && (React.createElement(StyledViewAllWrapper, null,
|
|
143
143
|
React.createElement(StyledViewAll, { "data-qa": "core-avatar-stack-view-all-modal-trigger", color: "blue50", onClick: onClickViewAll }, I18n.t('core.avatarStack.viewAll'))))) },
|
|
144
|
-
React.createElement(StyledAvatar, { "data-qa": "core-avatar-stack-folded-avatars-popover-trigger", size: size, "$color": "gray85", clickable: true },
|
|
144
|
+
React.createElement(StyledAvatar, { "aria-label": restCountLabel, "data-qa": "core-avatar-stack-folded-avatars-popover-trigger", size: size, "$color": "gray85", clickable: true },
|
|
145
145
|
React.createElement(Avatar.Label, null,
|
|
146
146
|
React.createElement(Typography, { color: "black" }, restCountLabel)))));
|
|
147
147
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarStack.js","sourceRoot":"","sources":["../../src/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"AvatarStack.js","sourceRoot":"","sources":["../../src/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Color } from '../_styles/colors';
|
|
3
|
-
export declare const StyledAvatar: import("styled-components").StyledComponent<import("
|
|
3
|
+
export declare const StyledAvatar: import("styled-components").StyledComponent<(<Role extends import("../Avatar/Avatar.types").AvatarRoles>(props: import("..").AvatarProps<Role> | (import("../Avatar/Avatar.types").BaseAvatarProps & {
|
|
4
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
5
|
+
})) => JSX.Element) & {
|
|
4
6
|
Icon: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarIconProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
7
|
Label: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("../Avatar/Avatar.types").AvatarLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
8
|
Portrait: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarPortraitProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -43,7 +43,7 @@ var ContactItem_ = React.forwardRef(function ContactItem(_a, ref) {
|
|
|
43
43
|
var showAvatar = imageUrl || icon || initials;
|
|
44
44
|
return (React.createElement(ContactItemWrapper, __assign({ "$selected": selected, "$disabled": disabled, "$clickable": clickable, ref: ref }, props),
|
|
45
45
|
showAvatar && (React.createElement(ContactItemAvatarWrapper, null,
|
|
46
|
-
React.createElement(ContactItemAvatar, { size: "lg", disabled: disabled }, (function () {
|
|
46
|
+
React.createElement(ContactItemAvatar, { "aria-hidden": true, size: "lg", disabled: disabled }, (function () {
|
|
47
47
|
if (imageUrl)
|
|
48
48
|
return React.createElement(Avatar.Portrait, { imageUrl: imageUrl });
|
|
49
49
|
if (icon)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContactItem.js","sourceRoot":"","sources":["../../src/ContactItem/ContactItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,sBAAsB,CAAA;AAG7B;;;;;;;;;;;;;GAaG;AACH,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,SAAS,WAAW,CAClB,EASC,EACD,GAAG;IATD,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA,EACL,KAAK,cARV,iFASC,CADS;IAIV,IAAM,UAAU,GAAG,QAAQ,IAAI,IAAI,IAAI,QAAQ,CAAA;IAE/C,OAAO,CACL,oBAAC,kBAAkB,0BACN,QAAQ,eACR,QAAQ,gBACP,SAAS,EACrB,GAAG,EAAE,GAAG,IACJ,KAAK;QAER,UAAU,IAAI,CACb,oBAAC,wBAAwB;YACvB,oBAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"ContactItem.js","sourceRoot":"","sources":["../../src/ContactItem/ContactItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,sBAAsB,CAAA;AAG7B;;;;;;;;;;;;;GAaG;AACH,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,SAAS,WAAW,CAClB,EASC,EACD,GAAG;IATD,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA,EACL,KAAK,cARV,iFASC,CADS;IAIV,IAAM,UAAU,GAAG,QAAQ,IAAI,IAAI,IAAI,QAAQ,CAAA;IAE/C,OAAO,CACL,oBAAC,kBAAkB,0BACN,QAAQ,eACR,QAAQ,gBACP,SAAS,EACrB,GAAG,EAAE,GAAG,IACJ,KAAK;QAER,UAAU,IAAI,CACb,oBAAC,wBAAwB;YACvB,oBAAC,iBAAiB,yBAAa,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,QAAQ,IACxD,CAAC;gBACA,IAAI,QAAQ;oBAAE,OAAO,oBAAC,MAAM,CAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAA;gBAC5D,IAAI,IAAI;oBAAE,OAAO,oBAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAA;gBAC5C,IAAI,QAAQ;oBAAE,OAAO,oBAAC,MAAM,CAAC,KAAK,QAAE,QAAQ,CAAgB,CAAA;YAC9D,CAAC,CAAC,EAAE,CACc,CACK,CAC5B;QACD,oBAAC,sBAAsB,QAAE,QAAQ,CAA0B,CACxC,CACtB,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,OAAO,CACL,oBAAC,eAAe,aAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAC9D,QAAQ,CACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,SAAS,WAAW,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACzC,OAAO,CACL,oBAAC,eAAe,aAAC,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GACjE,QAAQ,CACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,aAAa,CAAA;AAExC,KAAK,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEvC,WAAW,CAAC,WAAW,GAAG,yBAAyB,CAAA;AAEnD,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CACzC;IACE,KAAK,OAAA;IACL,WAAW,aAAA;CACZ,EACD,YAAY,CACb,CAAA"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const ContactItemAvatarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const ContactItemAvatar: import("styled-components").StyledComponent<import("
|
|
3
|
+
export declare const ContactItemAvatar: import("styled-components").StyledComponent<(<Role extends import("../Avatar/Avatar.types").AvatarRoles>(props: import("..").AvatarProps<Role> | (import("../Avatar/Avatar.types").BaseAvatarProps & {
|
|
4
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
5
|
+
})) => JSX.Element) & {
|
|
4
6
|
Icon: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarIconProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
7
|
Label: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("../Avatar/Avatar.types").AvatarLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
8
|
Portrait: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarPortraitProps & import("react").RefAttributes<HTMLDivElement>>;
|
package/dist/Menu/Menu.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ export declare function useMenuHookContext(): MenuHook;
|
|
|
19
19
|
*/
|
|
20
20
|
export declare const Menu_: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLDivElement>>;
|
|
21
21
|
export declare const Group: React.ForwardRefExoticComponent<DivAttributes & MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
-
export declare const Item: React.ForwardRefExoticComponent<Pick<DivAttributes & MenuItemProps, "
|
|
22
|
+
export declare const Item: React.ForwardRefExoticComponent<Pick<DivAttributes & MenuItemProps, "color" | "children" | "className" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "selected" | "item" | "suggested" | "index"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
23
|
export declare const Options: React.ForwardRefExoticComponent<MenuOptionsProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
24
|
export declare const Search: {
|
|
25
25
|
({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): JSX.Element;
|
|
@@ -31,7 +31,7 @@ export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.Ref
|
|
|
31
31
|
Footer: React.ForwardRefExoticComponent<DivAttributes & MenuFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
32
|
Group: React.ForwardRefExoticComponent<DivAttributes & MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
33
|
Header: React.ForwardRefExoticComponent<DivAttributes & MenuHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
-
Item: React.ForwardRefExoticComponent<Pick<DivAttributes & MenuItemProps, "
|
|
34
|
+
Item: React.ForwardRefExoticComponent<Pick<DivAttributes & MenuItemProps, "color" | "children" | "className" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "selected" | "item" | "suggested" | "index"> & React.RefAttributes<HTMLDivElement>>;
|
|
35
35
|
Options: React.ForwardRefExoticComponent<MenuOptionsProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
36
|
Search: {
|
|
37
37
|
({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): JSX.Element;
|
|
@@ -3,5 +3,15 @@ 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
|
+
/**
|
|
7
|
+
* An unstyled `button`, browser reset
|
|
8
|
+
*/
|
|
6
9
|
export declare function getUnstyledButton(): import("styled-components").FlattenSimpleInterpolation;
|
|
10
|
+
/**
|
|
11
|
+
* An unstyled `button`, browser reset
|
|
12
|
+
*/
|
|
7
13
|
export declare const StyledUnstyledButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
14
|
+
/**
|
|
15
|
+
* An a styled component a
|
|
16
|
+
*/
|
|
17
|
+
export declare const StyledAnchor: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
@@ -13,10 +13,28 @@ var topMarginRules = function () {
|
|
|
13
13
|
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n & + &,\n p + &,\n ul + & {\n margin-top: ", "px;\n }\n "], ["\n & + &,\n p + &,\n ul + & {\n margin-top: ", "px;\n }\n "])), spacing.lg);
|
|
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
|
-
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"
|
|
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"
|
|
17
|
+
/**
|
|
18
|
+
* An unstyled `button`, browser reset
|
|
19
|
+
*/
|
|
20
|
+
])), colors.gray15, getTypographyIntent('body'), topMarginRules, spacing.lg);
|
|
21
|
+
/**
|
|
22
|
+
* An unstyled `button`, browser reset
|
|
23
|
+
*/
|
|
17
24
|
export function getUnstyledButton() {
|
|
18
25
|
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
26
|
}
|
|
20
|
-
|
|
21
|
-
|
|
27
|
+
/**
|
|
28
|
+
* An unstyled `button`, browser reset
|
|
29
|
+
*/
|
|
30
|
+
export var StyledUnstyledButton = styled.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"
|
|
31
|
+
/**
|
|
32
|
+
* An a styled component a
|
|
33
|
+
*/
|
|
34
|
+
])), getUnstyledButton);
|
|
35
|
+
/**
|
|
36
|
+
* An a styled component a
|
|
37
|
+
*/
|
|
38
|
+
export var StyledAnchor = styled.a(templateObject_9 || (templateObject_9 = __makeTemplateObject([""], [""])));
|
|
39
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
22
40
|
//# 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,
|
|
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;IACD;;OAEG;KAdQ,MAAM,CAAC,MAAM,EAGpB,mBAAmB,CAAC,MAAM,CAAC,EAC3B,cAAc,EAEA,OAAO,CAAC,EAAE,CAK3B,CAAA;AACD;;GAEG;AACH,MAAM,UAAU,iBAAiB;IAC/B,OAAO,GAAG,yRAAA,sNAUT,KAAA;AACH,CAAC;AACD;;GAEG;AACH,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,+EAAA,MAC7C,EAAiB,IACpB;IAED;;OAEG;KALC,iBAAiB,CACpB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,CAAC,qEAAA,EAAE,IAAA,CAAA"}
|
|
@@ -6,7 +6,9 @@ export declare const StyledVirtuoso: import("styled-components").StyledComponent
|
|
|
6
6
|
export declare const StyledEllipses: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
7
|
export declare const StyledItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
8
|
export declare const StyledItemAvatarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
-
export declare const StyledItemAvatar: import("styled-components").StyledComponent<import("
|
|
9
|
+
export declare const StyledItemAvatar: import("styled-components").StyledComponent<(<Role extends import("../Avatar/Avatar.types").AvatarRoles>(props: import("..").AvatarProps<Role> | (import("../Avatar/Avatar.types").BaseAvatarProps & {
|
|
10
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
11
|
+
})) => JSX.Element) & {
|
|
10
12
|
Icon: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarIconProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
13
|
Label: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("../Avatar/Avatar.types").AvatarLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
14
|
Portrait: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarPortraitProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ActionIconPolyType, ActionIconProps, ActionIconRef } from './ActionIcon.types';
|
|
3
|
+
declare function ActionIconInner<T extends ActionIconPolyType>(props: ActionIconProps<T>, ref: ActionIconRef<T>): JSX.Element;
|
|
4
|
+
export declare const ActionIcon: <Role extends ActionIconPolyType>(props: ActionIconProps<Role>) => ReturnType<typeof ActionIconInner>;
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React from 'react';
|
|
24
|
+
import { StyledAnchor, StyledUnstyledButton } from '../Semantic/Semantic.styles';
|
|
25
|
+
import { Tooltip } from '../Tooltip/Tooltip';
|
|
26
|
+
var ActionIconLink = React.forwardRef(function (_a, ref) {
|
|
27
|
+
var label = _a["aria-label"], href = _a.href, children = _a.children, props = __rest(_a, ['aria-label', "href", "children"]);
|
|
28
|
+
return (React.createElement(Tooltip, { overlay: label, trigger: ['hover', 'focus'] },
|
|
29
|
+
React.createElement(StyledAnchor, __assign({ "aria-label": label, href: href }, props, { ref: ref }), children)));
|
|
30
|
+
});
|
|
31
|
+
var ActionIconButton = React.forwardRef(function (_a, ref) {
|
|
32
|
+
var label = _a["aria-label"], children = _a.children, props = __rest(_a, ['aria-label', "children"]);
|
|
33
|
+
return (React.createElement(Tooltip, { overlay: label, trigger: ['hover', 'focus'] },
|
|
34
|
+
React.createElement(StyledUnstyledButton, __assign({ "aria-label": label }, props, { ref: ref }), children)));
|
|
35
|
+
});
|
|
36
|
+
function ActionIconInner(props, ref) {
|
|
37
|
+
if (props.role === 'link' || props.href) {
|
|
38
|
+
return (React.createElement(ActionIconLink, __assign({}, props, { ref: ref })));
|
|
39
|
+
}
|
|
40
|
+
if (props.role === 'button') {
|
|
41
|
+
return (React.createElement(ActionIconButton, __assign({}, props, { ref: ref })));
|
|
42
|
+
}
|
|
43
|
+
return (React.createElement(ActionIconButton, __assign({}, props, { ref: ref })));
|
|
44
|
+
}
|
|
45
|
+
export var ActionIcon = React.forwardRef(ActionIconInner);
|
|
46
|
+
//# sourceMappingURL=ActionIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionIcon.js","sourceRoot":"","sources":["../../src/ToolHeader/ActionIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAO5C,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,UACtC,EAA0E,EAC1E,GAA0B;IADxB,IAAc,KAAK,mBAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA/C,kCAAiD,CAAF;IAG/C,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAClD,oBAAC,YAAY,2BAAa,KAAK,EAAE,IAAI,EAAE,IAAI,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,KAC7D,QAAQ,CACI,CACP,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,UACxC,EAAsE,EACtE,GAA4B;IAD1B,IAAc,KAAK,mBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAzC,0BAA2C,CAAF;IAGzC,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAClD,oBAAC,oBAAoB,2BAAa,KAAK,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,KACzD,QAAQ,CACY,CACf,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,eAAe,CACtB,KAAyB,EACzB,GAAqB;IAErB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,IAAK,KAAwC,CAAC,IAAI,EAAE;QAC3E,OAAO,CACL,oBAAC,cAAc,eACR,KAAwC,IAC7C,GAAG,EAAE,GAA4B,IACjC,CACH,CAAA;KACF;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;QAC3B,OAAO,CACL,oBAAC,gBAAgB,eACV,KAAmC,IACxC,GAAG,EAAE,GAA8B,IACnC,CACH,CAAA;KACF;IACD,OAAO,CACL,oBAAC,gBAAgB,eACV,KAAmC,IACxC,GAAG,EAAE,GAA8B,IACnC,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAInB,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Polymorphic } from '../_utils/polymorphic';
|
|
3
|
+
import { AriaLabelled } from '../_utils/types';
|
|
4
|
+
export declare type ActionIconPolyType = 'link' | 'button';
|
|
5
|
+
export interface ActionIconPolyTagMap extends Record<ActionIconPolyType, React.ElementType> {
|
|
6
|
+
link: 'a';
|
|
7
|
+
button: 'button';
|
|
8
|
+
}
|
|
9
|
+
export declare type ActionIconRef<Role extends ActionIconPolyType> = Polymorphic.Ref<ActionIconPolyTagMap, Role>;
|
|
10
|
+
export declare type ActionIconProps<Role extends ActionIconPolyType> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<ActionIconPolyTagMap, 'link', 'href' | 'aria-label'> : Role extends 'button' ? AriaLabelled<Polymorphic.ComponentPropsWithRef<ActionIconPolyTagMap, 'button', 'onClick'>> : unknown;
|