@atlaskit/visually-hidden 3.0.4 → 3.0.5
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
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/visually-hidden
|
|
2
2
|
|
|
3
|
+
## 3.0.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
|
|
8
|
+
Enrol all Design System UI packages into the React Compiler with platform gating via
|
|
9
|
+
isReactCompilerActivePlatform.
|
|
10
|
+
|
|
3
11
|
## 3.0.4
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/visually-hidden",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.5",
|
|
4
4
|
"description": "A utility that hides content from the screen while retaining readability by screen readers for accessibility.",
|
|
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": "Visually hidden",
|
|
@@ -25,7 +32,7 @@
|
|
|
25
32
|
},
|
|
26
33
|
"dependencies": {
|
|
27
34
|
"@babel/runtime": "^7.0.0",
|
|
28
|
-
"@compiled/react": "^0.
|
|
35
|
+
"@compiled/react": "^0.20.0"
|
|
29
36
|
},
|
|
30
37
|
"peerDependencies": {
|
|
31
38
|
"react": "^18.2.0"
|
|
@@ -34,14 +41,16 @@
|
|
|
34
41
|
"@af/accessibility-testing": "workspace:^",
|
|
35
42
|
"@af/integration-testing": "workspace:^",
|
|
36
43
|
"@af/visual-regression": "workspace:^",
|
|
37
|
-
"@atlaskit/button": "^23.
|
|
38
|
-
"@atlaskit/docs": "^11.
|
|
39
|
-
"@atlaskit/link": "^3.
|
|
40
|
-
"@atlaskit/section-message": "^8.
|
|
41
|
-
"@atlaskit/toggle": "^15.
|
|
42
|
-
"@atlaskit/tokens": "^
|
|
44
|
+
"@atlaskit/button": "^23.10.0",
|
|
45
|
+
"@atlaskit/docs": "^11.7.0",
|
|
46
|
+
"@atlaskit/link": "^3.3.0",
|
|
47
|
+
"@atlaskit/section-message": "^8.12.0",
|
|
48
|
+
"@atlaskit/toggle": "^15.2.0",
|
|
49
|
+
"@atlaskit/tokens": "^11.4.0",
|
|
50
|
+
"@atlassian/react-compiler-gating": "workspace:^",
|
|
43
51
|
"@atlassian/ssr-tests": "workspace:^",
|
|
44
|
-
"@
|
|
52
|
+
"@atlassian/structured-docs-types": "workspace:^",
|
|
53
|
+
"@testing-library/react": "^16.3.0",
|
|
45
54
|
"react-dom": "^18.2.0"
|
|
46
55
|
},
|
|
47
56
|
"techstack": {
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import path from 'path';
|
|
2
|
+
|
|
3
|
+
import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
|
|
4
|
+
|
|
5
|
+
const documentation: ComponentStructuredContentSource[] = [
|
|
6
|
+
{
|
|
7
|
+
name: 'VisuallyHidden',
|
|
8
|
+
description:
|
|
9
|
+
'Content hidden from sight but available to screen readers. Use when meaning is clear visually but not to assistive technology.',
|
|
10
|
+
status: 'general-availability',
|
|
11
|
+
import: {
|
|
12
|
+
name: 'VisuallyHidden',
|
|
13
|
+
package: '@atlaskit/visually-hidden',
|
|
14
|
+
type: 'default',
|
|
15
|
+
packagePath: path.resolve(__dirname),
|
|
16
|
+
packageJson: require('./package.json'),
|
|
17
|
+
},
|
|
18
|
+
usageGuidelines: [
|
|
19
|
+
'Use when meaning is clear visually but not to assistive technology',
|
|
20
|
+
'Avoid clutter—verbose screen-reader-only text can be more harmful than helpful',
|
|
21
|
+
'Use the role prop for semantic meaning when needed',
|
|
22
|
+
],
|
|
23
|
+
contentGuidelines: [
|
|
24
|
+
'Use clear, descriptive hidden content',
|
|
25
|
+
'Ensure content adds value for screen readers',
|
|
26
|
+
'Keep content concise but meaningful',
|
|
27
|
+
],
|
|
28
|
+
accessibilityGuidelines: [
|
|
29
|
+
'Use for screen reader only content when visual context is insufficient for AT',
|
|
30
|
+
'Use role prop for semantic meaning when appropriate',
|
|
31
|
+
'Balance clarity with brevity—avoid overwhelming screen reader users',
|
|
32
|
+
'Prefer over aria-label in some cases when screen readers need to translate or announce full phrasing',
|
|
33
|
+
],
|
|
34
|
+
examples: [
|
|
35
|
+
{
|
|
36
|
+
name: '00 Basic',
|
|
37
|
+
description: '00 Basic example',
|
|
38
|
+
source: path.resolve(__dirname, './examples/00-basic.tsx'),
|
|
39
|
+
},
|
|
40
|
+
],
|
|
41
|
+
keywords: ['hidden', 'accessibility', 'screen-reader', 'aria', 'utility'],
|
|
42
|
+
categories: ['utility'],
|
|
43
|
+
},
|
|
44
|
+
];
|
|
45
|
+
|
|
46
|
+
export default documentation;
|