@atlaskit/image 1.2.1 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +73 -58
- package/LICENSE.md +6 -8
- package/dist/cjs/ui/image/index.js +8 -2
- package/dist/es2019/ui/image/index.js +9 -2
- package/dist/esm/ui/image/index.js +9 -2
- package/package.json +99 -101
- package/report.api.md +6 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,150 +1,165 @@
|
|
|
1
1
|
# @atlaskit/image
|
|
2
2
|
|
|
3
|
+
## 1.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#110670](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110670)
|
|
8
|
+
[`c733254a2dd6e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c733254a2dd6e) -
|
|
9
|
+
Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
|
|
10
|
+
is implicitly set to automatic.
|
|
11
|
+
|
|
12
|
+
## 1.2.2
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 1.2.1
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
6
21
|
|
|
7
|
-
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
-
|
|
22
|
+
- [#89307](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/89307)
|
|
23
|
+
[`47cdc66371fb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/47cdc66371fb) -
|
|
24
|
+
[ux] Fix bug where images flickered in dark mode. Source URLs are now set based on the current
|
|
25
|
+
theme before first paint.
|
|
26
|
+
- Updated dependencies
|
|
12
27
|
|
|
13
28
|
## 1.2.0
|
|
14
29
|
|
|
15
30
|
### Minor Changes
|
|
16
31
|
|
|
17
|
-
-
|
|
18
|
-
|
|
19
|
-
|
|
32
|
+
- [#96499](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96499)
|
|
33
|
+
[`d9a3724cdeb8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d9a3724cdeb8) -
|
|
34
|
+
Add support for React 18 in non-strict mode.
|
|
20
35
|
|
|
21
36
|
## 1.1.7
|
|
22
37
|
|
|
23
38
|
### Patch Changes
|
|
24
39
|
|
|
25
|
-
-
|
|
26
|
-
|
|
27
|
-
|
|
40
|
+
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
|
|
41
|
+
[`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
|
|
42
|
+
Upgrade Typescript from `4.9.5` to `5.4.2`
|
|
28
43
|
|
|
29
44
|
## 1.1.6
|
|
30
45
|
|
|
31
46
|
### Patch Changes
|
|
32
47
|
|
|
33
|
-
-
|
|
34
|
-
|
|
35
|
-
|
|
48
|
+
- [#38487](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38487)
|
|
49
|
+
[`b2da5b33468`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2da5b33468) -
|
|
50
|
+
Documents that props like `css` and `className` are unsafe and will be deprecated in the future.
|
|
36
51
|
|
|
37
52
|
## 1.1.5
|
|
38
53
|
|
|
39
54
|
### Patch Changes
|
|
40
55
|
|
|
41
|
-
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
56
|
+
- [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754)
|
|
57
|
+
[`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use
|
|
58
|
+
`@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility
|
|
59
|
+
testing.
|
|
45
60
|
|
|
46
61
|
## 1.1.4
|
|
47
62
|
|
|
48
63
|
### Patch Changes
|
|
49
64
|
|
|
50
|
-
-
|
|
51
|
-
|
|
52
|
-
|
|
65
|
+
- [#34853](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34853)
|
|
66
|
+
[`d0a020ae050`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d0a020ae050) - Basic
|
|
67
|
+
accessibility unit tests with jest-axe
|
|
53
68
|
|
|
54
69
|
## 1.1.3
|
|
55
70
|
|
|
56
71
|
### Patch Changes
|
|
57
72
|
|
|
58
|
-
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
73
|
+
- [#32935](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32935)
|
|
74
|
+
[`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal
|
|
75
|
+
change to enforce token usage for spacing properties. There is no expected visual or behaviour
|
|
76
|
+
change.
|
|
62
77
|
|
|
63
78
|
## 1.1.2
|
|
64
79
|
|
|
65
80
|
### Patch Changes
|
|
66
81
|
|
|
67
|
-
-
|
|
68
|
-
|
|
69
|
-
|
|
82
|
+
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
|
|
83
|
+
[`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
|
|
84
|
+
legacy types are published for TS 4.5-4.8
|
|
70
85
|
|
|
71
86
|
## 1.1.1
|
|
72
87
|
|
|
73
88
|
### Patch Changes
|
|
74
89
|
|
|
75
|
-
-
|
|
76
|
-
|
|
77
|
-
|
|
90
|
+
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
|
|
91
|
+
[`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade
|
|
92
|
+
Typescript from `4.5.5` to `4.9.5`
|
|
78
93
|
|
|
79
94
|
## 1.1.0
|
|
80
95
|
|
|
81
96
|
### Minor Changes
|
|
82
97
|
|
|
83
|
-
-
|
|
84
|
-
|
|
85
|
-
|
|
98
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
|
|
99
|
+
[`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
|
|
100
|
+
minor dependency bump
|
|
86
101
|
|
|
87
102
|
### Patch Changes
|
|
88
103
|
|
|
89
|
-
-
|
|
104
|
+
- Updated dependencies
|
|
90
105
|
|
|
91
106
|
## 1.0.4
|
|
92
107
|
|
|
93
108
|
### Patch Changes
|
|
94
109
|
|
|
95
|
-
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
-
|
|
110
|
+
- [#27634](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27634)
|
|
111
|
+
[`718d5ad3044`](https://bitbucket.org/atlassian/atlassian-frontend/commits/718d5ad3044) - Updates
|
|
112
|
+
to support the new `@atlaskit/tokens` theming API.
|
|
113
|
+
- Updated dependencies
|
|
99
114
|
|
|
100
115
|
## 1.0.3
|
|
101
116
|
|
|
102
117
|
### Patch Changes
|
|
103
118
|
|
|
104
|
-
-
|
|
119
|
+
- Updated dependencies
|
|
105
120
|
|
|
106
121
|
## 1.0.2
|
|
107
122
|
|
|
108
123
|
### Patch Changes
|
|
109
124
|
|
|
110
|
-
-
|
|
125
|
+
- Updated dependencies
|
|
111
126
|
|
|
112
127
|
## 1.0.1
|
|
113
128
|
|
|
114
129
|
### Patch Changes
|
|
115
130
|
|
|
116
|
-
-
|
|
117
|
-
|
|
118
|
-
|
|
131
|
+
- [#28081](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28081)
|
|
132
|
+
[`98f5ba36c98`](https://bitbucket.org/atlassian/atlassian-frontend/commits/98f5ba36c98) - Updates
|
|
133
|
+
atlaskit/image thumbnails + descriptions for the website
|
|
119
134
|
|
|
120
135
|
## 1.0.0
|
|
121
136
|
|
|
122
137
|
### Major Changes
|
|
123
138
|
|
|
124
|
-
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
139
|
+
- [#28012](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28012)
|
|
140
|
+
[`bc74a5feb7d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc74a5feb7d) - This
|
|
141
|
+
package is no longer experimental and the API is considered stable. Version contains no changes
|
|
142
|
+
what so ever.
|
|
128
143
|
|
|
129
144
|
## 0.2.1
|
|
130
145
|
|
|
131
146
|
### Patch Changes
|
|
132
147
|
|
|
133
|
-
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
148
|
+
- [#27885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27885)
|
|
149
|
+
[`c674eafa051`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c674eafa051) - Fixes a
|
|
150
|
+
bug where the system preference would override the default behaviour when the color-mode was not
|
|
151
|
+
set to auto. As a result, an OS setting of "dark" and a product setting of "light" would result in
|
|
152
|
+
a "dark" image.
|
|
138
153
|
|
|
139
154
|
## 0.2.0
|
|
140
155
|
|
|
141
156
|
### Minor Changes
|
|
142
157
|
|
|
143
|
-
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
158
|
+
- [#27046](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27046)
|
|
159
|
+
[`8ab96dfc824`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8ab96dfc824) - Adds a
|
|
160
|
+
new Image primitive that works like the native HTML img element, with the added functionality of
|
|
161
|
+
being theme-aware.
|
|
147
162
|
|
|
148
163
|
## 0.1.0
|
|
149
164
|
|
|
150
|
-
-
|
|
165
|
+
- Create Image component with theme functionality.
|
package/LICENSE.md
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
Copyright 2022 Atlassian Pty Ltd
|
|
2
2
|
|
|
3
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
4
|
-
|
|
5
|
-
You may obtain a copy of the License at
|
|
3
|
+
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in
|
|
4
|
+
compliance with the License. You may obtain a copy of the License at
|
|
6
5
|
|
|
7
6
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
8
7
|
|
|
9
|
-
Unless required by applicable law or agreed to in writing, software
|
|
10
|
-
distributed
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
limitations under the License.
|
|
8
|
+
Unless required by applicable law or agreed to in writing, software distributed under the License is
|
|
9
|
+
distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
10
|
+
implied. See the License for the specific language governing permissions and limitations under the
|
|
11
|
+
License.
|
|
@@ -12,14 +12,18 @@ var _react2 = require("@emotion/react");
|
|
|
12
12
|
var _appProvider = require("@atlaskit/app-provider");
|
|
13
13
|
var _tokens = require("@atlaskit/tokens");
|
|
14
14
|
var _excluded = ["src", "srcDark", "alt", "testId"];
|
|
15
|
+
/**
|
|
16
|
+
* @jsxRuntime classic
|
|
17
|
+
*/
|
|
15
18
|
/** @jsx jsx */
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
20
|
var baseImageStyles = (0, _react2.css)({
|
|
17
21
|
maxWidth: '100%',
|
|
18
22
|
height: 'auto'
|
|
19
23
|
});
|
|
20
24
|
var themedImageStyles = (0, _react2.css)({
|
|
21
25
|
content: "var(--img-source)",
|
|
22
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
26
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
23
27
|
'html[data-color-mode=dark] &': {
|
|
24
28
|
content: "var(--img-source-dark)"
|
|
25
29
|
}
|
|
@@ -58,7 +62,9 @@ function Image(_ref) {
|
|
|
58
62
|
return (0, _react2.jsx)("img", (0, _extends2.default)({
|
|
59
63
|
alt: alt,
|
|
60
64
|
"data-testid": testId,
|
|
61
|
-
src: src
|
|
65
|
+
src: src
|
|
66
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
67
|
+
,
|
|
62
68
|
style: {
|
|
63
69
|
'--img-source': "url(".concat(src, ")"),
|
|
64
70
|
'--img-source-dark': "url(".concat(srcDark || src, ")")
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
*/
|
|
2
5
|
/** @jsx jsx */
|
|
3
6
|
import { useEffect, useRef } from 'react';
|
|
7
|
+
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
9
|
import { css, jsx } from '@emotion/react';
|
|
5
10
|
import { UNSAFE_useColorModeForMigration } from '@atlaskit/app-provider';
|
|
6
11
|
import { useThemeObserver } from '@atlaskit/tokens';
|
|
@@ -10,7 +15,7 @@ const baseImageStyles = css({
|
|
|
10
15
|
});
|
|
11
16
|
const themedImageStyles = css({
|
|
12
17
|
content: `var(--img-source)`,
|
|
13
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
14
19
|
'html[data-color-mode=dark] &': {
|
|
15
20
|
content: `var(--img-source-dark)`
|
|
16
21
|
}
|
|
@@ -51,7 +56,9 @@ export default function Image({
|
|
|
51
56
|
return jsx("img", _extends({
|
|
52
57
|
alt: alt,
|
|
53
58
|
"data-testid": testId,
|
|
54
|
-
src: src
|
|
59
|
+
src: src
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
61
|
+
,
|
|
55
62
|
style: {
|
|
56
63
|
'--img-source': `url(${src})`,
|
|
57
64
|
'--img-source-dark': `url(${srcDark || src})`
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["src", "srcDark", "alt", "testId"];
|
|
4
|
+
/**
|
|
5
|
+
* @jsxRuntime classic
|
|
6
|
+
*/
|
|
4
7
|
/** @jsx jsx */
|
|
5
8
|
import { useEffect, useRef } from 'react';
|
|
9
|
+
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
11
|
import { css, jsx } from '@emotion/react';
|
|
7
12
|
import { UNSAFE_useColorModeForMigration } from '@atlaskit/app-provider';
|
|
8
13
|
import { useThemeObserver } from '@atlaskit/tokens';
|
|
@@ -12,7 +17,7 @@ var baseImageStyles = css({
|
|
|
12
17
|
});
|
|
13
18
|
var themedImageStyles = css({
|
|
14
19
|
content: "var(--img-source)",
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
16
21
|
'html[data-color-mode=dark] &': {
|
|
17
22
|
content: "var(--img-source-dark)"
|
|
18
23
|
}
|
|
@@ -51,7 +56,9 @@ export default function Image(_ref) {
|
|
|
51
56
|
return jsx("img", _extends({
|
|
52
57
|
alt: alt,
|
|
53
58
|
"data-testid": testId,
|
|
54
|
-
src: src
|
|
59
|
+
src: src
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
61
|
+
,
|
|
55
62
|
style: {
|
|
56
63
|
'--img-source': "url(".concat(src, ")"),
|
|
57
64
|
'--img-source-dark': "url(".concat(srcDark || src, ")")
|
package/package.json
CHANGED
|
@@ -1,102 +1,100 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
|
|
102
|
-
}
|
|
2
|
+
"name": "@atlaskit/image",
|
|
3
|
+
"version": "1.3.0",
|
|
4
|
+
"description": "An image that changes in light or dark themes.",
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"registry": "https://registry.npmjs.org/"
|
|
7
|
+
},
|
|
8
|
+
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
9
|
+
"author": "Atlassian Pty Ltd",
|
|
10
|
+
"license": "Apache-2.0",
|
|
11
|
+
"main": "dist/cjs/index.js",
|
|
12
|
+
"module": "dist/esm/index.js",
|
|
13
|
+
"module:es2019": "dist/es2019/index.js",
|
|
14
|
+
"types": "dist/types/index.d.ts",
|
|
15
|
+
"sideEffects": false,
|
|
16
|
+
"atlaskit:src": "src/index.tsx",
|
|
17
|
+
"atlassian": {
|
|
18
|
+
"team": "Design System Team",
|
|
19
|
+
"inPublicMirror": true,
|
|
20
|
+
"releaseModel": "continuous",
|
|
21
|
+
"website": {
|
|
22
|
+
"name": "Image",
|
|
23
|
+
"category": "Components",
|
|
24
|
+
"status": {
|
|
25
|
+
"type": "beta"
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
"runReact18": true
|
|
29
|
+
},
|
|
30
|
+
"dependencies": {
|
|
31
|
+
"@atlaskit/app-provider": "1.3.3",
|
|
32
|
+
"@atlaskit/tokens": "^1.51.0",
|
|
33
|
+
"@babel/runtime": "^7.0.0",
|
|
34
|
+
"@emotion/react": "^11.7.1"
|
|
35
|
+
},
|
|
36
|
+
"peerDependencies": {
|
|
37
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
|
38
|
+
},
|
|
39
|
+
"devDependencies": {
|
|
40
|
+
"@af/accessibility-testing": "*",
|
|
41
|
+
"@af/integration-testing": "*",
|
|
42
|
+
"@af/visual-regression": "*",
|
|
43
|
+
"@atlaskit/ds-lib": "^2.3.0",
|
|
44
|
+
"@atlaskit/ssr": "*",
|
|
45
|
+
"@atlaskit/visual-regression": "*",
|
|
46
|
+
"@testing-library/react": "^12.1.5",
|
|
47
|
+
"react-dom": "^16.8.0",
|
|
48
|
+
"typescript": "~5.4.2",
|
|
49
|
+
"wait-for-expect": "^1.2.0"
|
|
50
|
+
},
|
|
51
|
+
"techstack": {
|
|
52
|
+
"@atlassian/frontend": {
|
|
53
|
+
"code-structure": [
|
|
54
|
+
"tangerine-next"
|
|
55
|
+
],
|
|
56
|
+
"import-structure": [
|
|
57
|
+
"atlassian-conventions"
|
|
58
|
+
],
|
|
59
|
+
"circular-dependencies": [
|
|
60
|
+
"file-and-folder-level"
|
|
61
|
+
]
|
|
62
|
+
},
|
|
63
|
+
"@repo/internal": {
|
|
64
|
+
"design-system": "v1",
|
|
65
|
+
"analytics": [
|
|
66
|
+
"analytics-next"
|
|
67
|
+
],
|
|
68
|
+
"design-tokens": [
|
|
69
|
+
"color",
|
|
70
|
+
"spacing"
|
|
71
|
+
],
|
|
72
|
+
"theming": [
|
|
73
|
+
"react-context"
|
|
74
|
+
],
|
|
75
|
+
"ui-components": [
|
|
76
|
+
"lite-mode"
|
|
77
|
+
],
|
|
78
|
+
"deprecation": "no-deprecated-imports",
|
|
79
|
+
"styling": [
|
|
80
|
+
"emotion",
|
|
81
|
+
"emotion"
|
|
82
|
+
],
|
|
83
|
+
"imports": [
|
|
84
|
+
"import-no-extraneous-disable-for-examples-and-docs"
|
|
85
|
+
]
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
"homepage": "https://atlassian.design/components/image/",
|
|
89
|
+
"typesVersions": {
|
|
90
|
+
">=4.5 <4.9": {
|
|
91
|
+
"*": [
|
|
92
|
+
"dist/types-ts4.5/*",
|
|
93
|
+
"dist/types-ts4.5/index.d.ts"
|
|
94
|
+
]
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
"af:exports": {
|
|
98
|
+
".": "./src/index.tsx"
|
|
99
|
+
}
|
|
100
|
+
}
|
package/report.api.md
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
## API Report File for "@atlaskit/image"
|
|
4
4
|
|
|
5
|
-
> Do not edit this file. This report is auto-generated using
|
|
5
|
+
> Do not edit this file. This report is auto-generated using
|
|
6
|
+
> [API Extractor](https://api-extractor.com/).
|
|
6
7
|
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
|
|
7
8
|
|
|
8
9
|
### Table of contents
|
|
@@ -20,19 +21,13 @@
|
|
|
20
21
|
import { jsx } from '@emotion/react';
|
|
21
22
|
|
|
22
23
|
// @public
|
|
23
|
-
function Image_2({
|
|
24
|
-
src,
|
|
25
|
-
srcDark,
|
|
26
|
-
alt,
|
|
27
|
-
testId,
|
|
28
|
-
...props
|
|
29
|
-
}: ImageProps): jsx.JSX.Element;
|
|
24
|
+
function Image_2({ src, srcDark, alt, testId, ...props }: ImageProps): jsx.JSX.Element;
|
|
30
25
|
export default Image_2;
|
|
31
26
|
|
|
32
27
|
// @public (undocumented)
|
|
33
28
|
interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
|
|
34
|
-
|
|
35
|
-
|
|
29
|
+
srcDark?: string;
|
|
30
|
+
testId?: string;
|
|
36
31
|
}
|
|
37
32
|
|
|
38
33
|
// (No @packageDocumentation comment for this package)
|
|
@@ -46,7 +41,7 @@ interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
|
|
|
46
41
|
|
|
47
42
|
```json
|
|
48
43
|
{
|
|
49
|
-
|
|
44
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
|
50
45
|
}
|
|
51
46
|
```
|
|
52
47
|
|