@atlaskit/link-picker 3.0.4 → 3.1.0
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 +17 -0
- package/compass.yml +2 -12
- package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +1 -0
- package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js +6 -2
- package/dist/cjs/ui/main.js +1 -1
- package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +1 -0
- package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js +5 -3
- package/dist/es2019/ui/main.js +1 -1
- package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +1 -0
- package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js +7 -3
- package/dist/esm/ui/main.js +1 -1
- package/package.json +6 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/link-picker
|
|
2
2
|
|
|
3
|
+
## 3.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#128792](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/128792)
|
|
8
|
+
[`121ea565b1b7d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/121ea565b1b7d) -
|
|
9
|
+
[ux] EDM-11943 updating link-picker subtitle text to meet a11y contrast requirements
|
|
10
|
+
|
|
11
|
+
## 3.0.5
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#128098](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/128098)
|
|
16
|
+
[`2c7474b012df9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2c7474b012df9) -
|
|
17
|
+
Update slack help channel name
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 3.0.4
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
package/compass.yml
CHANGED
|
@@ -10,9 +10,9 @@ links:
|
|
|
10
10
|
- name: null
|
|
11
11
|
type: REPOSITORY
|
|
12
12
|
url: 'https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/linking-platform/link-picker/'
|
|
13
|
-
- name: '#linking-platform'
|
|
13
|
+
- name: '#help-twg-linking-platform'
|
|
14
14
|
type: CHAT_CHANNEL
|
|
15
|
-
url: 'https://atlassian.slack.com/
|
|
15
|
+
url: 'https://atlassian.enterprise.slack.com/archives/CFKGAQZRV'
|
|
16
16
|
- name: Linking Platform Space
|
|
17
17
|
type: DOCUMENT
|
|
18
18
|
url: 'https://hello.atlassian.net/wiki/spaces/TWPLP/overview'
|
|
@@ -28,15 +28,5 @@ links:
|
|
|
28
28
|
relationships: {}
|
|
29
29
|
labels:
|
|
30
30
|
- atlassian-platform
|
|
31
|
-
customFields:
|
|
32
|
-
- name: Dev Owner
|
|
33
|
-
type: user
|
|
34
|
-
value: null
|
|
35
|
-
- name: Product
|
|
36
|
-
type: text
|
|
37
|
-
value: null
|
|
38
|
-
- name: Test
|
|
39
|
-
type: text
|
|
40
|
-
value: null
|
|
41
31
|
# Learn more about formatting compass.yml:
|
|
42
32
|
# https://go.atlassian.com/compass-yml-format
|
package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css
CHANGED
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
._o5721q9c{white-space:nowrap}
|
|
21
21
|
._otyridpf{margin-bottom:0}
|
|
22
22
|
._p12fpxbi{max-width:var(--ds-space-200,1pc)}
|
|
23
|
+
._syaz121t{color:var(--_1pseksa)}
|
|
23
24
|
._syazct01{color:var(--_khvm95)}
|
|
24
25
|
._syazpsu8{color:var(--_vrm7dk)}
|
|
25
26
|
._u5f3kq6n{padding-right:var(--_1kucder)}
|
|
@@ -13,6 +13,7 @@ var React = _react;
|
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
15
|
var _reactIntlNext = require("react-intl-next");
|
|
16
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
17
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
17
18
|
var _colors = require("@atlaskit/theme/colors");
|
|
18
19
|
var _transformTimeStamp = require("../../../transformTimeStamp");
|
|
@@ -33,6 +34,7 @@ var itemIconStyles = null;
|
|
|
33
34
|
var listItemContextStyles = null;
|
|
34
35
|
var listItemContainerStyles = null;
|
|
35
36
|
var listItemContainerInnerStyles = null;
|
|
37
|
+
var listItemContainerInnerStylesA11yRefresh = null;
|
|
36
38
|
var itemNameStyles = null;
|
|
37
39
|
var imgStyles = null;
|
|
38
40
|
var listItemBaseStyles = null;
|
|
@@ -76,13 +78,15 @@ var ListItemSubtitle = function ListItemSubtitle(_ref) {
|
|
|
76
78
|
}, /*#__PURE__*/React.createElement("div", {
|
|
77
79
|
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bto1l2s"])
|
|
78
80
|
}, /*#__PURE__*/React.createElement("span", {
|
|
79
|
-
className: (0, _runtime.ax)(["_syazpsu8 _o5721q9c"]),
|
|
81
|
+
className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('bandicoots-a11y-link-picker-styling') ? "_syaz121t _o5721q9c" : "_syazpsu8 _o5721q9c"]),
|
|
80
82
|
style: {
|
|
83
|
+
"--_1pseksa": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N400, ")")),
|
|
81
84
|
"--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
|
|
82
85
|
}
|
|
83
86
|
}, firstItem)), secondItem && /*#__PURE__*/React.createElement("div", {
|
|
84
|
-
className: (0, _runtime.ax)(["_syazpsu8 _o5721q9c"]),
|
|
87
|
+
className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('bandicoots-a11y-link-picker-styling') ? "_syaz121t _o5721q9c" : "_syazpsu8 _o5721q9c"]),
|
|
85
88
|
style: {
|
|
89
|
+
"--_1pseksa": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N400, ")")),
|
|
86
90
|
"--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
|
|
87
91
|
}
|
|
88
92
|
}, /*#__PURE__*/React.createElement(_react.Fragment, null, "\xA0 \u2022\xA0 "), /*#__PURE__*/React.createElement(_react.Fragment, null, secondItem)));
|
package/dist/cjs/ui/main.js
CHANGED
|
@@ -26,7 +26,7 @@ var testIds = exports.testIds = {
|
|
|
26
26
|
};
|
|
27
27
|
var PACKAGE_DATA = exports.PACKAGE_DATA = {
|
|
28
28
|
packageName: "@atlaskit/link-picker" || '',
|
|
29
|
-
packageVersion: "3.0
|
|
29
|
+
packageVersion: "3.1.0" || '',
|
|
30
30
|
componentName: _constants.COMPONENT_NAME,
|
|
31
31
|
source: _constants.COMPONENT_NAME
|
|
32
32
|
};
|
package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css
CHANGED
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
._otyridpf{margin-bottom:0}
|
|
22
22
|
._p12fpxbi{max-width:var(--ds-space-200,1pc)}
|
|
23
23
|
._syaz14xw{color:var(--ds-text,#5e6c84)}
|
|
24
|
+
._syaz1a45{color:var(--ds-text-subtle,#505f79)}
|
|
24
25
|
._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
|
|
25
26
|
._u5f3fxbg{padding-right:clamp(var(--ds-space-100,8px),var(--link-picker-padding-right),100%)}
|
|
26
27
|
._1a3b1r31:focus{text-decoration-color:currentColor}
|
|
@@ -4,8 +4,9 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { forwardRef, Fragment } from 'react';
|
|
6
6
|
import { useIntl } from 'react-intl-next';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
8
|
-
import { B100, B400, B50, N20, N200, N300 } from '@atlaskit/theme/colors';
|
|
9
|
+
import { B100, B400, B50, N20, N200, N300, N400 } from '@atlaskit/theme/colors';
|
|
9
10
|
/* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
|
|
10
11
|
import { transformTimeStamp } from '../../../transformTimeStamp';
|
|
11
12
|
export const testIds = {
|
|
@@ -18,6 +19,7 @@ const itemIconStyles = null;
|
|
|
18
19
|
const listItemContextStyles = null;
|
|
19
20
|
const listItemContainerStyles = null;
|
|
20
21
|
const listItemContainerInnerStyles = null;
|
|
22
|
+
const listItemContainerInnerStylesA11yRefresh = null;
|
|
21
23
|
const itemNameStyles = null;
|
|
22
24
|
const imgStyles = null;
|
|
23
25
|
const listItemBaseStyles = null;
|
|
@@ -61,9 +63,9 @@ const ListItemSubtitle = ({
|
|
|
61
63
|
}, /*#__PURE__*/React.createElement("div", {
|
|
62
64
|
className: ax(["_1reo15vq _18m915vq _1bto1l2s"])
|
|
63
65
|
}, /*#__PURE__*/React.createElement("span", {
|
|
64
|
-
className: ax(["_syaz1wmz _o5721q9c"])
|
|
66
|
+
className: ax([fg('bandicoots-a11y-link-picker-styling') ? "_syaz1a45 _o5721q9c" : "_syaz1wmz _o5721q9c"])
|
|
65
67
|
}, firstItem)), secondItem && /*#__PURE__*/React.createElement("div", {
|
|
66
|
-
className: ax(["_syaz1wmz _o5721q9c"])
|
|
68
|
+
className: ax([fg('bandicoots-a11y-link-picker-styling') ? "_syaz1a45 _o5721q9c" : "_syaz1wmz _o5721q9c"])
|
|
67
69
|
}, /*#__PURE__*/React.createElement(Fragment, null, "\xA0 \u2022\xA0 "), /*#__PURE__*/React.createElement(Fragment, null, secondItem)));
|
|
68
70
|
};
|
|
69
71
|
const getDefaultSubtitleItems = (item, intl) => {
|
package/dist/es2019/ui/main.js
CHANGED
package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css
CHANGED
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
._o5721q9c{white-space:nowrap}
|
|
21
21
|
._otyridpf{margin-bottom:0}
|
|
22
22
|
._p12fpxbi{max-width:var(--ds-space-200,1pc)}
|
|
23
|
+
._syaz121t{color:var(--_1pseksa)}
|
|
23
24
|
._syazct01{color:var(--_khvm95)}
|
|
24
25
|
._syazpsu8{color:var(--_vrm7dk)}
|
|
25
26
|
._u5f3kq6n{padding-right:var(--_1kucder)}
|
|
@@ -5,8 +5,9 @@ import * as React from 'react';
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { forwardRef, Fragment } from 'react';
|
|
7
7
|
import { useIntl } from 'react-intl-next';
|
|
8
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
9
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
9
|
-
import { B100, B400, B50, N20, N200, N300 } from '@atlaskit/theme/colors';
|
|
10
|
+
import { B100, B400, B50, N20, N200, N300, N400 } from '@atlaskit/theme/colors';
|
|
10
11
|
/* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
|
|
11
12
|
import { transformTimeStamp } from '../../../transformTimeStamp';
|
|
12
13
|
export var testIds = {
|
|
@@ -23,6 +24,7 @@ var itemIconStyles = null;
|
|
|
23
24
|
var listItemContextStyles = null;
|
|
24
25
|
var listItemContainerStyles = null;
|
|
25
26
|
var listItemContainerInnerStyles = null;
|
|
27
|
+
var listItemContainerInnerStylesA11yRefresh = null;
|
|
26
28
|
var itemNameStyles = null;
|
|
27
29
|
var imgStyles = null;
|
|
28
30
|
var listItemBaseStyles = null;
|
|
@@ -66,13 +68,15 @@ var ListItemSubtitle = function ListItemSubtitle(_ref) {
|
|
|
66
68
|
}, /*#__PURE__*/React.createElement("div", {
|
|
67
69
|
className: ax(["_1reo15vq _18m915vq _1bto1l2s"])
|
|
68
70
|
}, /*#__PURE__*/React.createElement("span", {
|
|
69
|
-
className: ax(["_syazpsu8 _o5721q9c"]),
|
|
71
|
+
className: ax([fg('bandicoots-a11y-link-picker-styling') ? "_syaz121t _o5721q9c" : "_syazpsu8 _o5721q9c"]),
|
|
70
72
|
style: {
|
|
73
|
+
"--_1pseksa": ix("var(--ds-text-subtle, ".concat(N400, ")")),
|
|
71
74
|
"--_vrm7dk": ix("var(--ds-text-subtlest, ".concat(N200, ")"))
|
|
72
75
|
}
|
|
73
76
|
}, firstItem)), secondItem && /*#__PURE__*/React.createElement("div", {
|
|
74
|
-
className: ax(["_syazpsu8 _o5721q9c"]),
|
|
77
|
+
className: ax([fg('bandicoots-a11y-link-picker-styling') ? "_syaz121t _o5721q9c" : "_syazpsu8 _o5721q9c"]),
|
|
75
78
|
style: {
|
|
79
|
+
"--_1pseksa": ix("var(--ds-text-subtle, ".concat(N400, ")")),
|
|
76
80
|
"--_vrm7dk": ix("var(--ds-text-subtlest, ".concat(N200, ")"))
|
|
77
81
|
}
|
|
78
82
|
}, /*#__PURE__*/React.createElement(Fragment, null, "\xA0 \u2022\xA0 "), /*#__PURE__*/React.createElement(Fragment, null, secondItem)));
|
package/dist/esm/ui/main.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-picker",
|
|
3
|
-
"version": "3.0
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"description": "Standalone link picker",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"publishConfig": {
|
|
@@ -39,6 +39,9 @@
|
|
|
39
39
|
"platform-feature-flags": {
|
|
40
40
|
"platform-linking-visual-refresh-v1": {
|
|
41
41
|
"type": "boolean"
|
|
42
|
+
},
|
|
43
|
+
"bandicoots-a11y-link-picker-styling": {
|
|
44
|
+
"type": "boolean"
|
|
42
45
|
}
|
|
43
46
|
},
|
|
44
47
|
"scripts": {
|
|
@@ -57,12 +60,12 @@
|
|
|
57
60
|
"@atlaskit/linking-common": "^8.0.0",
|
|
58
61
|
"@atlaskit/onboarding": "^13.0.0",
|
|
59
62
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
60
|
-
"@atlaskit/primitives": "^14.
|
|
63
|
+
"@atlaskit/primitives": "^14.2.0",
|
|
61
64
|
"@atlaskit/spinner": "^18.0.0",
|
|
62
65
|
"@atlaskit/tabs": "^18.0.0",
|
|
63
66
|
"@atlaskit/textfield": "^8.0.0",
|
|
64
67
|
"@atlaskit/theme": "^18.0.0",
|
|
65
|
-
"@atlaskit/tokens": "^4.
|
|
68
|
+
"@atlaskit/tokens": "^4.5.0",
|
|
66
69
|
"@atlaskit/tooltip": "^20.0.0",
|
|
67
70
|
"@atlaskit/ufo": "^0.4.0",
|
|
68
71
|
"@atlaskit/visually-hidden": "^3.0.0",
|