@atlaskit/badge 19.1.0 → 19.1.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 +6 -0
- package/badge.docs.tsx +4 -1
- package/compass.yml +47 -0
- package/dist/cjs/badge-new.js +2 -2
- package/dist/es2019/badge-new.js +1 -1
- package/dist/esm/badge-new.js +1 -1
- package/package.json +13 -9
package/CHANGELOG.md
CHANGED
package/badge.docs.tsx
CHANGED
|
@@ -9,9 +9,12 @@ const documentation: StructuredContentSource = {
|
|
|
9
9
|
description:
|
|
10
10
|
'A badge is a visual indicator for numeric values such as tallies and scores, providing quick visual feedback.',
|
|
11
11
|
status: 'general-availability', // beta badge is feature-flagged
|
|
12
|
+
designSource: {
|
|
13
|
+
figmaUrl: 'https://go.atlassian.com/figma-library-ads-116989-3851',
|
|
14
|
+
},
|
|
12
15
|
import: {
|
|
13
16
|
name: 'Badge',
|
|
14
|
-
package: '@atlaskit/badge',
|
|
17
|
+
package: '@atlaskit/badge/badge',
|
|
15
18
|
type: 'default',
|
|
16
19
|
packagePath: path.resolve(__dirname),
|
|
17
20
|
packageJson: require('./package.json'),
|
package/compass.yml
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
configVersion: 1
|
|
2
|
+
id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/df207504-cab9-4aa2-98dd-49ac9174ea04
|
|
3
|
+
name: '@atlaskit/badge'
|
|
4
|
+
ownerId: ari:cloud:teams::team/814283d6-8695-4329-b2f8-d78b2645722f # Design System Team (ADS)
|
|
5
|
+
labels:
|
|
6
|
+
- platform-code
|
|
7
|
+
- platform-afm
|
|
8
|
+
typeId: OTHER
|
|
9
|
+
fields:
|
|
10
|
+
tier: 4
|
|
11
|
+
lifecycle: Active
|
|
12
|
+
isMonorepoProject: true
|
|
13
|
+
links:
|
|
14
|
+
- name: Root Repository
|
|
15
|
+
type: REPOSITORY
|
|
16
|
+
url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
|
|
17
|
+
- name: Slack Channel
|
|
18
|
+
type: CHAT_CHANNEL
|
|
19
|
+
url: https://atlassian.enterprise.slack.com/archives/CFJ9DU39U # #help-design-system
|
|
20
|
+
- name: Badge
|
|
21
|
+
type: REPOSITORY
|
|
22
|
+
url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/design-system/badge
|
|
23
|
+
customFields:
|
|
24
|
+
- name: Department
|
|
25
|
+
type: text
|
|
26
|
+
value: Eng - Design System Fundamentals
|
|
27
|
+
- name: Technical Owner
|
|
28
|
+
type: user
|
|
29
|
+
value: ari:cloud:identity::user/557058:86a9b692-7997-49cb-9984-080801b1de91 # Jared Crowe
|
|
30
|
+
- name: Reviewer Team
|
|
31
|
+
type: text
|
|
32
|
+
value: ari:cloud:teams::team/be19136e-6275-419f-be0c-fcee844b8684 # Design System Engineers
|
|
33
|
+
- name: Required Reviewers Opt In
|
|
34
|
+
type: boolean
|
|
35
|
+
value: true
|
|
36
|
+
- name: Reviewer Selection Mechanism
|
|
37
|
+
type: text
|
|
38
|
+
value: random(3)
|
|
39
|
+
- name: Required Reviewer Approvals
|
|
40
|
+
type: number
|
|
41
|
+
value: 1
|
|
42
|
+
- name: Trusted Committers
|
|
43
|
+
type: text
|
|
44
|
+
value: ari:cloud:teams::team/814283d6-8695-4329-b2f8-d78b2645722f # Design System Team (ADS)
|
|
45
|
+
- name: Trusted Reviewer Teams
|
|
46
|
+
type: text
|
|
47
|
+
value: ari:cloud:teams::team/42f4416b-e028-4daa-b2a5-afe213ac75e1 # Design System Designers
|
package/dist/cjs/badge-new.js
CHANGED
|
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var React = _react;
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
13
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
14
|
-
var
|
|
14
|
+
var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
|
|
15
15
|
var _formatValue = require("./internal/format-value");
|
|
16
16
|
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); }
|
|
17
17
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
@@ -67,7 +67,7 @@ var BadgeNew = /*#__PURE__*/(0, _react.memo)(function BadgeNew(_ref) {
|
|
|
67
67
|
max = _ref$max === void 0 ? 99 : _ref$max,
|
|
68
68
|
style = _ref.style,
|
|
69
69
|
testId = _ref.testId;
|
|
70
|
-
var _useThemeObserver = (0,
|
|
70
|
+
var _useThemeObserver = (0, _useThemeObserver2.useThemeObserver)(),
|
|
71
71
|
colorMode = _useThemeObserver.colorMode;
|
|
72
72
|
// In dark theme, warningBold needs to swap to a lighter background
|
|
73
73
|
// (color.background.warning.subtle / Orange800) for better contrast against
|
package/dist/es2019/badge-new.js
CHANGED
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { memo } from 'react';
|
|
6
6
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
7
|
-
import { useThemeObserver } from '@atlaskit/tokens';
|
|
7
|
+
import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
|
|
8
8
|
import { formatValue } from './internal/format-value';
|
|
9
9
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
10
10
|
// Nested selectors with data attributes are required for theme switching
|
package/dist/esm/badge-new.js
CHANGED
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { memo } from 'react';
|
|
6
6
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
7
|
-
import { useThemeObserver } from '@atlaskit/tokens';
|
|
7
|
+
import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
|
|
8
8
|
import { formatValue } from './internal/format-value';
|
|
9
9
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
10
10
|
// Nested selectors with data attributes are required for theme switching
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/badge",
|
|
3
|
-
"version": "19.1.
|
|
3
|
+
"version": "19.1.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/"
|
|
@@ -28,13 +28,17 @@
|
|
|
28
28
|
"website": {
|
|
29
29
|
"name": "Badge",
|
|
30
30
|
"category": "Labels",
|
|
31
|
+
"status": {
|
|
32
|
+
"type": "ready-for-ga",
|
|
33
|
+
"description": "The new badge appearances are stable and ready for adoption. Visual updates are currently behind the `platform-dst-lozenge-tag-badge-visual-uplifts` feature flag."
|
|
34
|
+
},
|
|
31
35
|
"subPages": [
|
|
32
36
|
{
|
|
33
37
|
"title": "Badge",
|
|
34
38
|
"id": "badge",
|
|
35
39
|
"status": {
|
|
36
|
-
"type": "
|
|
37
|
-
"description": "
|
|
40
|
+
"type": "intent-to-deprecate",
|
|
41
|
+
"description": "We're planning to deprecate this component. If you have the Atlassian feature flag integration, use the new badge. Otherwise, the old experience will switch to the new one automatically when we clean up the feature flag."
|
|
38
42
|
}
|
|
39
43
|
}
|
|
40
44
|
]
|
|
@@ -42,9 +46,9 @@
|
|
|
42
46
|
},
|
|
43
47
|
"dependencies": {
|
|
44
48
|
"@atlaskit/platform-feature-flags": "^2.0.0",
|
|
45
|
-
"@atlaskit/primitives": "^
|
|
49
|
+
"@atlaskit/primitives": "^21.0.0",
|
|
46
50
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
47
|
-
"@atlaskit/tokens": "^15.
|
|
51
|
+
"@atlaskit/tokens": "^15.8.0",
|
|
48
52
|
"@babel/runtime": "^7.0.0",
|
|
49
53
|
"@compiled/react": "^0.20.0"
|
|
50
54
|
},
|
|
@@ -55,14 +59,14 @@
|
|
|
55
59
|
"@af/accessibility-testing": "workspace:^",
|
|
56
60
|
"@af/integration-testing": "workspace:^",
|
|
57
61
|
"@af/visual-regression": "workspace:^",
|
|
58
|
-
"@atlaskit/docs": "^12.
|
|
59
|
-
"@atlaskit/link": "^4.
|
|
62
|
+
"@atlaskit/docs": "^12.1.0",
|
|
63
|
+
"@atlaskit/link": "^4.3.0",
|
|
60
64
|
"@atlaskit/section-message": "^9.2.0",
|
|
61
65
|
"@atlaskit/theme": "^26.1.0",
|
|
62
|
-
"@atlassian/feature-flags-test-utils": "^1.
|
|
66
|
+
"@atlassian/feature-flags-test-utils": "^1.2.0",
|
|
63
67
|
"@atlassian/ssr-tests": "workspace:*",
|
|
64
68
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
65
|
-
"@atlassian/testing-library": "0.
|
|
69
|
+
"@atlassian/testing-library": "0.11.0",
|
|
66
70
|
"react": "^18.2.0",
|
|
67
71
|
"react-dom": "^18.2.0"
|
|
68
72
|
},
|