@atlaskit/visually-hidden 3.0.2 → 3.0.4
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/visually-hidden.compiled.css +2 -1
- package/dist/cjs/visually-hidden.js +4 -6
- package/dist/es2019/visually-hidden.compiled.css +2 -1
- package/dist/es2019/visually-hidden.js +3 -4
- package/dist/esm/visually-hidden.compiled.css +2 -1
- package/dist/esm/visually-hidden.js +3 -4
- package/offerings.json +34 -0
- package/package.json +13 -19
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/visually-hidden
|
|
2
2
|
|
|
3
|
+
## 3.0.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`a60a82196851a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a60a82196851a) -
|
|
8
|
+
Internal refactors to remove unused variables. No functional or public changes.
|
|
9
|
+
|
|
10
|
+
## 3.0.3
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [#147260](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/147260)
|
|
15
|
+
[`c5d147b984034`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c5d147b984034) -
|
|
16
|
+
Prevent users to select and copy visually hidden text
|
|
17
|
+
|
|
3
18
|
## 3.0.2
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
/* visually-hidden.tsx generated by @compiled/babel-plugin v0.
|
|
2
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
|
-
// eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
|
|
1
|
+
/* visually-hidden.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
4
2
|
"use strict";
|
|
5
3
|
|
|
6
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -11,8 +9,7 @@ exports.default = void 0;
|
|
|
11
9
|
require("./visually-hidden.compiled.css");
|
|
12
10
|
var React = _interopRequireWildcard(require("react"));
|
|
13
11
|
var _runtime = require("@compiled/react/runtime");
|
|
14
|
-
function
|
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
16
13
|
var visuallyHiddenStyles = null;
|
|
17
14
|
|
|
18
15
|
/**
|
|
@@ -42,7 +39,8 @@ var VisuallyHidden = function VisuallyHidden(_ref) {
|
|
|
42
39
|
id: id,
|
|
43
40
|
"data-testid": testId,
|
|
44
41
|
role: role,
|
|
45
|
-
className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19itidpf _1reo15vq _18m915vq _1bsbt94y _4t3it94y _kqswstnw _ogto7mnp _o5721q9c"])
|
|
42
|
+
className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19itidpf _1reo15vq _18m915vq _1bsbt94y _4t3it94y _kqswstnw _ogto7mnp _uiztglyw _o5721q9c"])
|
|
46
43
|
}, children);
|
|
47
44
|
};
|
|
45
|
+
VisuallyHidden.displayName = 'VisuallyHidden';
|
|
48
46
|
var _default = exports.default = VisuallyHidden;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
/* visually-hidden.tsx generated by @compiled/babel-plugin v0.
|
|
2
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
|
-
// eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
|
|
1
|
+
/* visually-hidden.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
4
2
|
import "./visually-hidden.compiled.css";
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -34,7 +32,8 @@ const VisuallyHidden = ({
|
|
|
34
32
|
id: id,
|
|
35
33
|
"data-testid": testId,
|
|
36
34
|
role: role,
|
|
37
|
-
className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19itidpf _1reo15vq _18m915vq _1bsbt94y _4t3it94y _kqswstnw _ogto7mnp _o5721q9c"])
|
|
35
|
+
className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19itidpf _1reo15vq _18m915vq _1bsbt94y _4t3it94y _kqswstnw _ogto7mnp _uiztglyw _o5721q9c"])
|
|
38
36
|
}, children);
|
|
39
37
|
};
|
|
38
|
+
VisuallyHidden.displayName = 'VisuallyHidden';
|
|
40
39
|
export default VisuallyHidden;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
/* visually-hidden.tsx generated by @compiled/babel-plugin v0.
|
|
2
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
|
-
// eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
|
|
1
|
+
/* visually-hidden.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
4
2
|
import "./visually-hidden.compiled.css";
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -33,7 +31,8 @@ var VisuallyHidden = function VisuallyHidden(_ref) {
|
|
|
33
31
|
id: id,
|
|
34
32
|
"data-testid": testId,
|
|
35
33
|
role: role,
|
|
36
|
-
className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19itidpf _1reo15vq _18m915vq _1bsbt94y _4t3it94y _kqswstnw _ogto7mnp _o5721q9c"])
|
|
34
|
+
className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19itidpf _1reo15vq _18m915vq _1bsbt94y _4t3it94y _kqswstnw _ogto7mnp _uiztglyw _o5721q9c"])
|
|
37
35
|
}, children);
|
|
38
36
|
};
|
|
37
|
+
VisuallyHidden.displayName = 'VisuallyHidden';
|
|
39
38
|
export default VisuallyHidden;
|
package/offerings.json
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"name": "VisuallyHidden",
|
|
4
|
+
"package": "@atlaskit/visually-hidden",
|
|
5
|
+
"import": {
|
|
6
|
+
"name": "VisuallyHidden",
|
|
7
|
+
"package": "@atlaskit/visually-hidden",
|
|
8
|
+
"type": "default"
|
|
9
|
+
},
|
|
10
|
+
"keywords": ["hidden", "accessibility", "screen-reader", "aria", "utility"],
|
|
11
|
+
"categories": ["utility"],
|
|
12
|
+
"shortDescription": "A utility component for accessibility.",
|
|
13
|
+
"status": "general-availability",
|
|
14
|
+
"accessibilityGuidelines": [
|
|
15
|
+
"Use for screen reader only content",
|
|
16
|
+
"Ensure content is meaningful for assistive technology",
|
|
17
|
+
"Use appropriate ARIA roles when needed",
|
|
18
|
+
"Consider content context and purpose"
|
|
19
|
+
],
|
|
20
|
+
"usageGuidelines": [
|
|
21
|
+
"Use for screen reader only content",
|
|
22
|
+
"Provide meaningful hidden content",
|
|
23
|
+
"Use for accessibility enhancements",
|
|
24
|
+
"Consider content context and purpose"
|
|
25
|
+
],
|
|
26
|
+
"contentGuidelines": [
|
|
27
|
+
"Use clear, descriptive hidden content",
|
|
28
|
+
"Ensure content adds value for screen readers",
|
|
29
|
+
"Use appropriate language and tone",
|
|
30
|
+
"Keep content concise but meaningful"
|
|
31
|
+
],
|
|
32
|
+
"examples": ["./examples/00-basic.tsx"]
|
|
33
|
+
}
|
|
34
|
+
]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/visually-hidden",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.4",
|
|
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/"
|
|
@@ -18,7 +18,6 @@
|
|
|
18
18
|
"atlaskit:src": "src/index.tsx",
|
|
19
19
|
"atlassian": {
|
|
20
20
|
"team": "Design System Team",
|
|
21
|
-
"runReact18": true,
|
|
22
21
|
"website": {
|
|
23
22
|
"name": "Visually hidden",
|
|
24
23
|
"category": "Text and data display"
|
|
@@ -26,26 +25,24 @@
|
|
|
26
25
|
},
|
|
27
26
|
"dependencies": {
|
|
28
27
|
"@babel/runtime": "^7.0.0",
|
|
29
|
-
"@compiled/react": "^0.18.
|
|
28
|
+
"@compiled/react": "^0.18.6"
|
|
30
29
|
},
|
|
31
30
|
"peerDependencies": {
|
|
32
31
|
"react": "^18.2.0"
|
|
33
32
|
},
|
|
34
33
|
"devDependencies": {
|
|
35
|
-
"@af/accessibility-testing": "
|
|
36
|
-
"@af/integration-testing": "
|
|
37
|
-
"@af/visual-regression": "
|
|
38
|
-
"@atlaskit/button": "^
|
|
39
|
-
"@atlaskit/docs": "^
|
|
40
|
-
"@atlaskit/
|
|
41
|
-
"@atlaskit/
|
|
42
|
-
"@atlaskit/
|
|
43
|
-
"@atlaskit/
|
|
44
|
-
"@
|
|
45
|
-
"@atlaskit/tokens": "^4.5.0",
|
|
34
|
+
"@af/accessibility-testing": "workspace:^",
|
|
35
|
+
"@af/integration-testing": "workspace:^",
|
|
36
|
+
"@af/visual-regression": "workspace:^",
|
|
37
|
+
"@atlaskit/button": "^23.6.0",
|
|
38
|
+
"@atlaskit/docs": "^11.2.0",
|
|
39
|
+
"@atlaskit/link": "^3.2.0",
|
|
40
|
+
"@atlaskit/section-message": "^8.9.0",
|
|
41
|
+
"@atlaskit/toggle": "^15.1.0",
|
|
42
|
+
"@atlaskit/tokens": "^8.4.0",
|
|
43
|
+
"@atlassian/ssr-tests": "workspace:^",
|
|
46
44
|
"@testing-library/react": "^13.4.0",
|
|
47
|
-
"react-dom": "^18.2.0"
|
|
48
|
-
"typescript": "~5.4.2"
|
|
45
|
+
"react-dom": "^18.2.0"
|
|
49
46
|
},
|
|
50
47
|
"techstack": {
|
|
51
48
|
"@atlassian/frontend": {
|
|
@@ -76,8 +73,5 @@
|
|
|
76
73
|
]
|
|
77
74
|
}
|
|
78
75
|
},
|
|
79
|
-
"af:exports": {
|
|
80
|
-
".": "./src/index.tsx"
|
|
81
|
-
},
|
|
82
76
|
"homepage": "https://atlassian.design/components/visually-hidden/"
|
|
83
77
|
}
|