@atlaskit/link-picker 3.0.5 → 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.
Files changed (12) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/compass.yml +0 -10
  3. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +1 -0
  4. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js +6 -2
  5. package/dist/cjs/ui/main.js +1 -1
  6. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +1 -0
  7. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js +5 -3
  8. package/dist/es2019/ui/main.js +1 -1
  9. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +1 -0
  10. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js +7 -3
  11. package/dist/esm/ui/main.js +1 -1
  12. package/package.json +4 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
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
+
3
11
  ## 3.0.5
4
12
 
5
13
  ### Patch Changes
package/compass.yml CHANGED
@@ -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)}
package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js CHANGED
@@ -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.5" || '',
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}
package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js CHANGED
@@ -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
@@ -15,7 +15,7 @@ export const testIds = {
15
15
  };
16
16
  export const PACKAGE_DATA = {
17
17
  packageName: "@atlaskit/link-picker" || '',
18
- packageVersion: "3.0.5" || '',
18
+ packageVersion: "3.1.0" || '',
19
19
  componentName: COMPONENT_NAME,
20
20
  source: COMPONENT_NAME
21
21
  };
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)}
package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js CHANGED
@@ -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
@@ -16,7 +16,7 @@ export var testIds = {
16
16
  };
17
17
  export var PACKAGE_DATA = {
18
18
  packageName: "@atlaskit/link-picker" || '',
19
- packageVersion: "3.0.5" || '',
19
+ packageVersion: "3.1.0" || '',
20
20
  componentName: COMPONENT_NAME,
21
21
  source: COMPONENT_NAME
22
22
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "3.0.5",
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": {