@atlaskit/smart-card 23.10.2 → 23.10.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/CHANGELOG.md +6 -0
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/view/EmbedCard/components/styled.d.ts +64 -16
- package/dist/types/view/InlineCard/Frame/styled.d.ts +8 -2
- package/dist/types/view/InlineCard/Icon.d.ts +12 -3
- package/dist/types/view/InlineCard/IconAndTitleLayout/styled.d.ts +36 -9
- package/dist/types/view/InlineCard/ResolvingView/styled.d.ts +6 -11
- package/dist/types/view/InlineCard/styled.d.ts +16 -8
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
package/dist/cjs/version.json
CHANGED
package/dist/es2019/version.json
CHANGED
package/dist/esm/version.json
CHANGED
|
@@ -13,34 +13,82 @@ export interface WrapperProps {
|
|
|
13
13
|
export declare const borderRadius: string;
|
|
14
14
|
export declare const ellipsis: (maxWidth?: string | number) => string;
|
|
15
15
|
export declare const csssize: (value?: string | number) => string;
|
|
16
|
-
export declare const LinkWrapper: import("@emotion/styled
|
|
17
|
-
|
|
16
|
+
export declare const LinkWrapper: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
18
|
+
as?: import("react").ElementType<any> | undefined;
|
|
19
|
+
} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
|
+
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
|
21
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
22
|
+
as?: import("react").ElementType<any> | undefined;
|
|
23
|
+
} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
18
24
|
export declare const embedHeaderHeight = 32;
|
|
19
|
-
export declare const Header: import("@emotion/styled
|
|
25
|
+
export declare const Header: import("@emotion/styled").StyledComponent<{
|
|
26
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
27
|
+
as?: import("react").ElementType<any> | undefined;
|
|
28
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
29
|
export interface PlaceholderProps {
|
|
21
30
|
isPlaceholder: boolean;
|
|
22
31
|
}
|
|
23
|
-
export declare const IconWrapper: import("@emotion/styled
|
|
24
|
-
|
|
32
|
+
export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
|
|
33
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
34
|
+
as?: import("react").ElementType<any> | undefined;
|
|
35
|
+
} & PlaceholderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
36
|
+
export declare const TextWrapper: import("@emotion/styled").StyledComponent<{
|
|
37
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
38
|
+
as?: import("react").ElementType<any> | undefined;
|
|
39
|
+
} & PlaceholderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
25
40
|
export interface ContentProps {
|
|
26
41
|
isInteractive: boolean;
|
|
27
42
|
allowScrollBar: boolean;
|
|
28
43
|
}
|
|
29
|
-
export declare const Content: import("@emotion/styled
|
|
44
|
+
export declare const Content: import("@emotion/styled").StyledComponent<{
|
|
45
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
46
|
+
as?: import("react").ElementType<any> | undefined;
|
|
47
|
+
} & ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
30
48
|
export interface ImageProps {
|
|
31
49
|
size: number;
|
|
32
50
|
}
|
|
33
|
-
export declare const Image: import("@emotion/styled
|
|
51
|
+
export declare const Image: import("@emotion/styled").StyledComponent<{
|
|
52
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
53
|
+
as?: import("react").ElementType<any> | undefined;
|
|
54
|
+
} & ImageProps, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
34
55
|
export declare const maxAvatarCount = 6;
|
|
35
|
-
export declare const ContentWrapper: import("@emotion/styled
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
export declare const
|
|
56
|
+
export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
|
|
57
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
58
|
+
as?: import("react").ElementType<any> | undefined;
|
|
59
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
60
|
+
export declare const Title: import("@emotion/styled").StyledComponent<{
|
|
61
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
62
|
+
as?: import("react").ElementType<any> | undefined;
|
|
63
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
64
|
+
export declare const Byline: import("@emotion/styled").StyledComponent<{
|
|
65
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
66
|
+
as?: import("react").ElementType<any> | undefined;
|
|
67
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
68
|
+
export declare const Description: import("@emotion/styled").StyledComponent<{
|
|
69
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
70
|
+
as?: import("react").ElementType<any> | undefined;
|
|
71
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
72
|
+
export declare const ResolvedViewIconWrapper: import("@emotion/styled").StyledComponent<{
|
|
73
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
74
|
+
as?: import("react").ElementType<any> | undefined;
|
|
75
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
40
76
|
export interface ThumbnailProps {
|
|
41
77
|
src: string;
|
|
42
78
|
}
|
|
43
|
-
export declare const Thumbnail: import("@emotion/styled
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
79
|
+
export declare const Thumbnail: import("@emotion/styled").StyledComponent<{
|
|
80
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
81
|
+
as?: import("react").ElementType<any> | undefined;
|
|
82
|
+
} & ThumbnailProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
83
|
+
export declare const UsersWrapper: import("@emotion/styled").StyledComponent<{
|
|
84
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
85
|
+
as?: import("react").ElementType<any> | undefined;
|
|
86
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
87
|
+
export declare const ActionsWrapper: import("@emotion/styled").StyledComponent<{
|
|
88
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
89
|
+
as?: import("react").ElementType<any> | undefined;
|
|
90
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
91
|
+
export declare const AlertWrapper: import("@emotion/styled").StyledComponent<{
|
|
92
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
93
|
+
as?: import("react").ElementType<any> | undefined;
|
|
94
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -5,5 +5,11 @@ export interface WrapperProps {
|
|
|
5
5
|
isInteractive?: boolean;
|
|
6
6
|
withoutBackground?: boolean;
|
|
7
7
|
}
|
|
8
|
-
export declare const WrapperAnchor: import("@emotion/styled
|
|
9
|
-
|
|
8
|
+
export declare const WrapperAnchor: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
} & WrapperProps, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
|
|
12
|
+
export declare const WrapperSpan: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
+
as?: import("react").ElementType<any> | undefined;
|
|
15
|
+
} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,4 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Icon: import("@emotion/styled
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
export declare const Icon: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
6
|
+
export declare const AKIconWrapper: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
10
|
+
export declare const Shimmer: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,13 +1,40 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const IconObjectOverrides = "\n & > span {\n height: 16px;\n width: 14px;\n position: absolute;\n top: 0;\n left: 0;\n line-height: 14px;\n & > svg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n";
|
|
3
3
|
export declare const IconOverrides = "\n & > * > span {\n height: 16px;\n width: 14px;\n position: absolute;\n top: 0;\n left: 0;\n & > svg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n";
|
|
4
|
-
export declare const IconWrapper: import("@emotion/styled
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export declare const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
8
|
+
export declare const EmojiWrapper: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
12
|
+
export declare const IconTitleWrapper: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
+
as?: import("react").ElementType<any> | undefined;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
16
|
+
export declare const LozengeWrapper: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
18
|
+
as?: import("react").ElementType<any> | undefined;
|
|
19
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
20
|
+
export declare const LozengeBlockWrapper: import("@emotion/styled").StyledComponent<{
|
|
21
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
22
|
+
as?: import("react").ElementType<any> | undefined;
|
|
23
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
24
|
+
export declare const RightIconPositionWrapper: import("@emotion/styled").StyledComponent<{
|
|
25
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
26
|
+
as?: import("react").ElementType<any> | undefined;
|
|
27
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
28
|
+
export declare const IconPositionWrapper: import("@emotion/styled").StyledComponent<{
|
|
29
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
30
|
+
as?: import("react").ElementType<any> | undefined;
|
|
31
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
32
|
+
export declare const IconEmptyWrapper: import("@emotion/styled").StyledComponent<{
|
|
33
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
34
|
+
as?: import("react").ElementType<any> | undefined;
|
|
35
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
12
36
|
export declare const TitleWrapperClassName = "smart-link-title-wrapper";
|
|
13
|
-
export declare const TitleWrapper: import("@emotion/styled
|
|
37
|
+
export declare const TitleWrapper: import("@emotion/styled").StyledComponent<{
|
|
38
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
39
|
+
as?: import("react").ElementType<any> | undefined;
|
|
40
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,14 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const SpinnerWrapper: import("@emotion/styled
|
|
3
|
-
theme?:
|
|
4
|
-
|
|
2
|
+
export declare const SpinnerWrapper: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
|
|
5
6
|
children?: import("react").ReactNode;
|
|
6
|
-
}, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme"> & {
|
|
7
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
8
|
-
}, Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
|
|
9
|
-
theme?: object | undefined;
|
|
10
7
|
} & {
|
|
11
|
-
|
|
12
|
-
},
|
|
13
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
14
|
-
}, keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme">, object>;
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
}, {}, {}>;
|
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const IconStyledButton: import("@emotion/styled
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}>;
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}>;
|
|
2
|
+
export declare const IconStyledButton: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
6
|
+
export declare const NoLinkAppearance: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
10
|
+
export declare const LowercaseAppearance: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
14
|
+
export declare const LinkAppearance: import("@emotion/styled").StyledComponent<{
|
|
15
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
16
|
+
as?: import("react").ElementType<any> | undefined;
|
|
17
|
+
}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "23.10.
|
|
3
|
+
"version": "23.10.3",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"@atlaskit/analytics-gas-types": "^5.0.0",
|
|
26
26
|
"@atlaskit/analytics-next": "^8.2.0",
|
|
27
27
|
"@atlaskit/avatar": "^21.1.0",
|
|
28
|
-
"@atlaskit/avatar-group": "^9.
|
|
28
|
+
"@atlaskit/avatar-group": "^9.2.0",
|
|
29
29
|
"@atlaskit/button": "^16.5.0",
|
|
30
30
|
"@atlaskit/dropdown-menu": "^11.5.0",
|
|
31
31
|
"@atlaskit/icon": "^21.11.0",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"@atlaskit/linking-common": "^1.16.0",
|
|
37
37
|
"@atlaskit/logo": "^13.10.0",
|
|
38
38
|
"@atlaskit/lozenge": "^11.3.0",
|
|
39
|
-
"@atlaskit/media-common": "^2.
|
|
39
|
+
"@atlaskit/media-common": "^2.18.0",
|
|
40
40
|
"@atlaskit/modal-dialog": "^12.4.0",
|
|
41
41
|
"@atlaskit/outbound-auth-flow-client": "^3.3.0",
|
|
42
42
|
"@atlaskit/popup": "^1.5.0",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"@atlaskit/ufo": "^0.1.0",
|
|
48
48
|
"@babel/runtime": "^7.0.0",
|
|
49
49
|
"@emotion/react": "^11.7.1",
|
|
50
|
-
"@emotion/styled": "^
|
|
50
|
+
"@emotion/styled": "^11.0.0",
|
|
51
51
|
"@formatjs/intl-utils": "^3.8.4",
|
|
52
52
|
"facepaint": "^1.2.1",
|
|
53
53
|
"json-ld-types": "3.2.0",
|
|
@@ -74,12 +74,12 @@
|
|
|
74
74
|
"@atlaskit/inline-message": "^11.4.0",
|
|
75
75
|
"@atlaskit/lozenge": "^11.3.0",
|
|
76
76
|
"@atlaskit/media-integration-test-helpers": "^2.6.0",
|
|
77
|
-
"@atlaskit/media-test-helpers": "^30.
|
|
77
|
+
"@atlaskit/media-test-helpers": "^30.1.0",
|
|
78
78
|
"@atlaskit/page": "^12.2.0",
|
|
79
79
|
"@atlaskit/radio": "^5.4.0",
|
|
80
80
|
"@atlaskit/range": "^7.0.0",
|
|
81
81
|
"@atlaskit/section-message": "^6.3.0",
|
|
82
|
-
"@atlaskit/select": "^16.
|
|
82
|
+
"@atlaskit/select": "^16.1.0",
|
|
83
83
|
"@atlaskit/table-tree": "^9.2.0",
|
|
84
84
|
"@atlaskit/tabs": "^13.3.0",
|
|
85
85
|
"@atlaskit/textarea": "^4.5.0",
|