@atlaskit/badge 19.0.0 → 19.0.1
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 +9 -0
- package/badge.docs.tsx +15 -2
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/badge
|
|
2
2
|
|
|
3
|
+
## 19.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
|
|
8
|
+
Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
|
|
9
|
+
gating.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
3
12
|
## 19.0.0
|
|
4
13
|
|
|
5
14
|
### Major Changes
|
package/badge.docs.tsx
CHANGED
|
@@ -20,7 +20,9 @@ const documentation: StructuredContentSource = {
|
|
|
20
20
|
'Use for displaying counts, scores, or status indicators for a single item or label',
|
|
21
21
|
'Use with one item/label only to avoid ambiguity',
|
|
22
22
|
'Keep badge content concise and meaningful',
|
|
23
|
-
'Use appropriate appearance variants for different contexts',
|
|
23
|
+
'Use appropriate appearance variants for different contexts. Default semantic appearances: neutral, success, danger, warning, information, discovery, and inverse.',
|
|
24
|
+
'Bold semantic appearances (successBold, dangerBold, warningBold, informationBold, discoveryBold) give higher visual prominence.',
|
|
25
|
+
'Only use bold semantic badges for elements of high importance, such as notification counts. Avoid bold badges for elements that are secondary to other labels (e.g. alongside a lozenge).',
|
|
24
26
|
'Position badges near relevant content',
|
|
25
27
|
'Consider maximum value display limits',
|
|
26
28
|
'Add a tooltip when the badge has an icon or needs extra context.',
|
|
@@ -46,7 +48,18 @@ const documentation: StructuredContentSource = {
|
|
|
46
48
|
source: path.resolve(__dirname, './examples/ai/badge.tsx'),
|
|
47
49
|
},
|
|
48
50
|
],
|
|
49
|
-
keywords: [
|
|
51
|
+
keywords: [
|
|
52
|
+
'badge',
|
|
53
|
+
'indicator',
|
|
54
|
+
'numeric',
|
|
55
|
+
'tally',
|
|
56
|
+
'score',
|
|
57
|
+
'count',
|
|
58
|
+
'status',
|
|
59
|
+
'bold',
|
|
60
|
+
'appearance',
|
|
61
|
+
'notification',
|
|
62
|
+
],
|
|
50
63
|
categories: ['status-indicators'],
|
|
51
64
|
},
|
|
52
65
|
],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/badge",
|
|
3
|
-
"version": "19.0.
|
|
3
|
+
"version": "19.0.1",
|
|
4
4
|
"description": "A badge is a visual indicator for numeric values such as tallies and scores.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -43,7 +43,8 @@
|
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@atlaskit/platform-feature-flags": "^2.0.0",
|
|
45
45
|
"@atlaskit/primitives": "^20.0.0",
|
|
46
|
-
"@atlaskit/tokens": "^
|
|
46
|
+
"@atlaskit/tokens": "^15.0.0",
|
|
47
|
+
"@atlassian/react-compiler-gating": "^0.2.0",
|
|
47
48
|
"@babel/runtime": "^7.0.0",
|
|
48
49
|
"@compiled/react": "^0.20.0"
|
|
49
50
|
},
|
|
@@ -56,13 +57,12 @@
|
|
|
56
57
|
"@af/visual-regression": "workspace:^",
|
|
57
58
|
"@atlaskit/docs": "^12.0.0",
|
|
58
59
|
"@atlaskit/link": "^4.0.0",
|
|
59
|
-
"@atlaskit/section-message": "^9.
|
|
60
|
+
"@atlaskit/section-message": "^9.1.0",
|
|
60
61
|
"@atlaskit/theme": "^26.0.0",
|
|
61
62
|
"@atlassian/feature-flags-test-utils": "^1.1.0",
|
|
62
|
-
"@atlassian/react-compiler-gating": "workspace:^",
|
|
63
63
|
"@atlassian/ssr-tests": "workspace:*",
|
|
64
64
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
65
|
-
"@atlassian/testing-library": "0.6.
|
|
65
|
+
"@atlassian/testing-library": "0.6.2",
|
|
66
66
|
"react": "^18.2.0",
|
|
67
67
|
"react-dom": "^18.2.0"
|
|
68
68
|
},
|