@atlaskit/image 3.0.7 → 3.0.9
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 +15 -0
- package/dist/cjs/ui/image/index.js +1 -1
- package/dist/es2019/ui/image/index.js +1 -1
- package/dist/esm/ui/image/index.js +1 -1
- package/image.docs.tsx +47 -0
- package/package.json +16 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/image
|
|
2
2
|
|
|
3
|
+
## 3.0.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 3.0.8
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
|
|
14
|
+
Enrol all Design System UI packages into the React Compiler with platform gating via
|
|
15
|
+
isReactCompilerActivePlatform.
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 3.0.7
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["src", "srcDark", "alt", "testId", "className"];
|
package/image.docs.tsx
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import path from 'path';
|
|
2
|
+
|
|
3
|
+
import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
|
|
4
|
+
|
|
5
|
+
const documentation: ComponentStructuredContentSource[] = [
|
|
6
|
+
{
|
|
7
|
+
name: 'Image',
|
|
8
|
+
description: 'A component for displaying images with theme support.',
|
|
9
|
+
status: 'open-beta',
|
|
10
|
+
import: {
|
|
11
|
+
name: 'Image',
|
|
12
|
+
package: '@atlaskit/image',
|
|
13
|
+
type: 'default',
|
|
14
|
+
packagePath: path.resolve(__dirname),
|
|
15
|
+
packageJson: require('./package.json'),
|
|
16
|
+
},
|
|
17
|
+
usageGuidelines: [
|
|
18
|
+
'Use for displaying images in content',
|
|
19
|
+
'Provide appropriate alt text',
|
|
20
|
+
'Consider responsive image sizing',
|
|
21
|
+
'Handle loading and error states',
|
|
22
|
+
],
|
|
23
|
+
contentGuidelines: [
|
|
24
|
+
'Use clear, descriptive alt text',
|
|
25
|
+
'Choose appropriate image dimensions',
|
|
26
|
+
'Consider image quality and file size',
|
|
27
|
+
'Use meaningful image content',
|
|
28
|
+
],
|
|
29
|
+
accessibilityGuidelines: [
|
|
30
|
+
'Always provide meaningful alt text',
|
|
31
|
+
'Ensure appropriate image sizing',
|
|
32
|
+
'Consider loading states and error handling',
|
|
33
|
+
'Use appropriate image formats',
|
|
34
|
+
],
|
|
35
|
+
examples: [
|
|
36
|
+
{
|
|
37
|
+
name: 'Image',
|
|
38
|
+
description: 'Image example',
|
|
39
|
+
source: path.resolve(__dirname, './examples/ai/image.tsx'),
|
|
40
|
+
},
|
|
41
|
+
],
|
|
42
|
+
keywords: ['image', 'picture', 'photo', 'visual', 'media'],
|
|
43
|
+
categories: ['data-display'],
|
|
44
|
+
},
|
|
45
|
+
];
|
|
46
|
+
|
|
47
|
+
export default documentation;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/image",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.9",
|
|
4
4
|
"description": "An image that changes in light or dark themes.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -17,6 +17,13 @@
|
|
|
17
17
|
],
|
|
18
18
|
"atlaskit:src": "src/index.tsx",
|
|
19
19
|
"atlassian": {
|
|
20
|
+
"react-compiler": {
|
|
21
|
+
"enabled": true,
|
|
22
|
+
"gating": {
|
|
23
|
+
"source": "@atlassian/react-compiler-gating",
|
|
24
|
+
"importSpecifierName": "isReactCompilerActivePlatform"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
20
27
|
"team": "Design System Team",
|
|
21
28
|
"website": {
|
|
22
29
|
"name": "Image",
|
|
@@ -27,10 +34,10 @@
|
|
|
27
34
|
}
|
|
28
35
|
},
|
|
29
36
|
"dependencies": {
|
|
30
|
-
"@atlaskit/app-provider": "^4.
|
|
31
|
-
"@atlaskit/tokens": "^
|
|
37
|
+
"@atlaskit/app-provider": "^4.2.0",
|
|
38
|
+
"@atlaskit/tokens": "^12.0.0",
|
|
32
39
|
"@babel/runtime": "^7.0.0",
|
|
33
|
-
"@compiled/react": "^0.
|
|
40
|
+
"@compiled/react": "^0.20.0"
|
|
34
41
|
},
|
|
35
42
|
"peerDependencies": {
|
|
36
43
|
"react": "^18.2.0"
|
|
@@ -39,11 +46,13 @@
|
|
|
39
46
|
"@af/accessibility-testing": "workspace:^",
|
|
40
47
|
"@af/integration-testing": "workspace:^",
|
|
41
48
|
"@af/visual-regression": "workspace:^",
|
|
42
|
-
"@atlaskit/docs": "^11.
|
|
43
|
-
"@atlaskit/link": "^3.
|
|
44
|
-
"@atlaskit/primitives": "^18.
|
|
49
|
+
"@atlaskit/docs": "^11.7.0",
|
|
50
|
+
"@atlaskit/link": "^3.4.0",
|
|
51
|
+
"@atlaskit/primitives": "^18.1.0",
|
|
45
52
|
"@atlaskit/section-message": "^8.12.0",
|
|
53
|
+
"@atlassian/react-compiler-gating": "workspace:^",
|
|
46
54
|
"@atlassian/ssr-tests": "workspace:^",
|
|
55
|
+
"@atlassian/structured-docs-types": "workspace:^",
|
|
47
56
|
"@testing-library/react": "^16.3.0",
|
|
48
57
|
"react-dom": "^18.2.0"
|
|
49
58
|
},
|