@atlaskit/section-message 8.12.6 → 8.12.8
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 +12 -0
- package/dist/cjs/section-message-action.js +1 -1
- package/dist/cjs/section-message.js +1 -1
- package/dist/es2019/section-message-action.js +1 -1
- package/dist/es2019/section-message.js +1 -1
- package/dist/esm/section-message-action.js +1 -1
- package/dist/esm/section-message.js +1 -1
- package/package.json +10 -9
- package/section-message.docs.tsx +50 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* section-message-action.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* section-message-action.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./section-message-action.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* section-message-action.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* section-message-action.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./section-message-action.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* section-message.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* section-message.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import "./section-message.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/section-message",
|
|
3
|
-
"version": "8.12.
|
|
3
|
+
"version": "8.12.8",
|
|
4
4
|
"description": "A section message is used to alert users to a particular section of the screen.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -32,15 +32,15 @@
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@atlaskit/button": "^23.
|
|
35
|
+
"@atlaskit/button": "^23.10.0",
|
|
36
36
|
"@atlaskit/css": "^0.19.0",
|
|
37
37
|
"@atlaskit/heading": "^5.3.0",
|
|
38
|
-
"@atlaskit/icon": "^
|
|
38
|
+
"@atlaskit/icon": "^33.0.0",
|
|
39
39
|
"@atlaskit/link": "^3.3.0",
|
|
40
40
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
41
41
|
"@atlaskit/primitives": "^18.0.0",
|
|
42
|
-
"@atlaskit/theme": "^
|
|
43
|
-
"@atlaskit/tokens": "^11.
|
|
42
|
+
"@atlaskit/theme": "^22.0.0",
|
|
43
|
+
"@atlaskit/tokens": "^11.1.0",
|
|
44
44
|
"@babel/runtime": "^7.0.0"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
@@ -52,11 +52,12 @@
|
|
|
52
52
|
"@af/visual-regression": "workspace:^",
|
|
53
53
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
54
54
|
"@atlaskit/code": "^17.4.0",
|
|
55
|
-
"@atlaskit/docs": "^11.
|
|
56
|
-
"@atlaskit/ds-lib": "^
|
|
57
|
-
"@atlaskit/form": "^15.
|
|
58
|
-
"@atlaskit/range": "^
|
|
55
|
+
"@atlaskit/docs": "^11.7.0",
|
|
56
|
+
"@atlaskit/ds-lib": "^6.0.0",
|
|
57
|
+
"@atlaskit/form": "^15.4.0",
|
|
58
|
+
"@atlaskit/range": "^10.0.0",
|
|
59
59
|
"@atlassian/ssr-tests": "workspace:^",
|
|
60
|
+
"@atlassian/structured-docs-types": "workspace:^",
|
|
60
61
|
"@testing-library/react": "^16.3.0",
|
|
61
62
|
"@testing-library/user-event": "^14.4.3",
|
|
62
63
|
"react-dom": "^18.2.0"
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import path from 'path';
|
|
2
|
+
|
|
3
|
+
import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
|
|
4
|
+
|
|
5
|
+
const documentation: ComponentStructuredContentSource[] = [
|
|
6
|
+
{
|
|
7
|
+
name: 'SectionMessage',
|
|
8
|
+
description: 'A component for section-level messages.',
|
|
9
|
+
status: 'general-availability',
|
|
10
|
+
import: {
|
|
11
|
+
name: 'SectionMessage',
|
|
12
|
+
package: '@atlaskit/section-message',
|
|
13
|
+
type: 'default',
|
|
14
|
+
packagePath: path.resolve(__dirname),
|
|
15
|
+
packageJson: require('./package.json'),
|
|
16
|
+
},
|
|
17
|
+
usageGuidelines: [
|
|
18
|
+
'Use for section-level important info that persists until action or resolution',
|
|
19
|
+
'Use when: destructive consequences, action needed to proceed, connectivity or auth issues',
|
|
20
|
+
'Anatomy: icon+color, title (optional), description, actions (optional)',
|
|
21
|
+
'Use Banner for site-wide; Flag after an event; Inline message for smaller context',
|
|
22
|
+
],
|
|
23
|
+
contentGuidelines: [
|
|
24
|
+
'Title: state the issue or reason',
|
|
25
|
+
'Description: clear, concise, empathetic; use active verbs',
|
|
26
|
+
'Avoid blame—use "we\'re having trouble" not "you\'re having issues"',
|
|
27
|
+
'Provide clear next steps when needed',
|
|
28
|
+
],
|
|
29
|
+
accessibilityGuidelines: [
|
|
30
|
+
'Do not rely on color alone for severity',
|
|
31
|
+
'Avoid dead ends—always indicate how to proceed',
|
|
32
|
+
'Use descriptive link text that describes the destination',
|
|
33
|
+
'Ensure section message content is announced by screen readers',
|
|
34
|
+
'Use appropriate color contrast for text readability',
|
|
35
|
+
'Provide clear, actionable messaging',
|
|
36
|
+
'Consider keyboard navigation for interactive section messages',
|
|
37
|
+
],
|
|
38
|
+
examples: [
|
|
39
|
+
{
|
|
40
|
+
name: 'Section Message',
|
|
41
|
+
description: 'Section Message example',
|
|
42
|
+
source: path.resolve(__dirname, './examples/ai/section-message.tsx'),
|
|
43
|
+
},
|
|
44
|
+
],
|
|
45
|
+
keywords: ['section', 'message', 'alert', 'notification', 'contextual', 'information'],
|
|
46
|
+
categories: ['feedback'],
|
|
47
|
+
},
|
|
48
|
+
];
|
|
49
|
+
|
|
50
|
+
export default documentation;
|