@atlaskit/link-picker 3.16.4 → 3.16.5

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 (8) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js +13 -6
  3. package/dist/cjs/ui/main.js +1 -1
  4. package/dist/es2019/ui/link-picker/search-results/link-search-list/index.js +13 -6
  5. package/dist/es2019/ui/main.js +1 -1
  6. package/dist/esm/ui/link-picker/search-results/link-search-list/index.js +13 -6
  7. package/dist/esm/ui/main.js +1 -1
  8. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/link-picker
2
2
 
3
+ ## 3.16.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`56537d0ea00dd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/56537d0ea00dd) -
8
+ NAVX-2134 fixing styling for link picker heading a11y change
9
+
3
10
  ## 3.16.4
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js CHANGED
@@ -15,7 +15,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
15
15
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
16
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
17
17
  var _reactIntlNext = require("react-intl-next");
18
- var _css = require("@atlaskit/css");
19
18
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
19
  var _compiled = require("@atlaskit/primitives/compiled");
21
20
  var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
@@ -30,15 +29,19 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
30
29
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
31
30
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
32
31
  var styles = {
33
- emptyStateNoResultsWrapper: "_1tkepxbi",
34
- baseListTitleStyles: "_11c81o8v _k48pmoej _otyr1b66",
35
- newListTitleStyles: "_syaz1gjq"
32
+ emptyStateNoResultsWrapper: "_1tkepxbi"
36
33
  };
37
34
  var listContainerStyles = null;
38
35
  var spinnerContainerStyles = null;
39
36
  var listStyles = null;
40
37
  var baseListTitleStyles = null;
41
38
  var newListTitleStyles = null;
39
+ var listTitleStyles = {
40
+ font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
41
+ fontWeight: "var(--ds-font-weight-bold, 700)",
42
+ marginBottom: "var(--ds-space-050, 4px)",
43
+ color: "var(--ds-text-subtle, #44546F)"
44
+ };
42
45
  var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
43
46
  titleRecentlyViewed: {
44
47
  id: 'fabric.linkPicker.listTitle.recentlyViewed',
@@ -147,8 +150,12 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
147
150
  var listItemNameMaxLines = activePlugin === null || activePlugin === void 0 || (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
148
151
  if (items && items.length > 0) {
149
152
  itemsContent = /*#__PURE__*/React.createElement(_react.Fragment, null, (0, _platformFeatureFlags.fg)('navx-2134-fix-a11y-link-picker-headings') ? /*#__PURE__*/React.createElement(_compiled.Box, {
150
- as: "h2",
151
- xcss: (0, _css.cx)(styles.baseListTitleStyles, styles.newListTitleStyles),
153
+ as: "h2" // Must remain <h2> for a11y title hierarchy as per https://hello.jira.atlassian.cloud/browse/A11Y-27579
154
+ // `.wiki-content h2` css styles in confluence override ADS/native styles here, so inline styles are needed.
155
+ // Should use css or xcss prop when that CSS is removed/fixed by confluence
156
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
157
+ ,
158
+ style: listTitleStyles,
152
159
  id: testIds.resultListTitle,
153
160
  testId: testIds.resultListTitle
154
161
  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, linkListTitle)) : /*#__PURE__*/React.createElement("div", {
package/dist/cjs/ui/main.js CHANGED
@@ -25,7 +25,7 @@ var testIds = exports.testIds = {
25
25
  };
26
26
  var PACKAGE_DATA = exports.PACKAGE_DATA = {
27
27
  packageName: "@atlaskit/link-picker" || '',
28
- packageVersion: "0.0.0-development" || '',
28
+ packageVersion: "3.16.4" || '',
29
29
  componentName: _constants.COMPONENT_NAME,
30
30
  source: _constants.COMPONENT_NAME
31
31
  };
package/dist/es2019/ui/link-picker/search-results/link-search-list/index.js CHANGED
@@ -5,7 +5,6 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { forwardRef, Fragment, useCallback, useRef } from 'react';
7
7
  import { defineMessages, FormattedMessage } from 'react-intl-next';
8
- import { cx } from '@atlaskit/css';
9
8
  import { fg } from '@atlaskit/platform-feature-flags';
10
9
  import { Box } from '@atlaskit/primitives/compiled';
11
10
  import Spinner from '@atlaskit/spinner';
@@ -16,15 +15,19 @@ import { NoResults, testIds as noResultsTestIds } from './link-search-no-results
16
15
  import { LinkSearchListItem, testIds as searchResultItemTestIds } from './list-item';
17
16
  import { useTrackResultsShown } from './use-track-results-shown';
18
17
  const styles = {
19
- emptyStateNoResultsWrapper: "_1tkepxbi",
20
- baseListTitleStyles: "_11c81o8v _k48pmoej _otyr1b66",
21
- newListTitleStyles: "_syaz1gjq"
18
+ emptyStateNoResultsWrapper: "_1tkepxbi"
22
19
  };
23
20
  const listContainerStyles = null;
24
21
  const spinnerContainerStyles = null;
25
22
  const listStyles = null;
26
23
  const baseListTitleStyles = null;
27
24
  const newListTitleStyles = null;
25
+ const listTitleStyles = {
26
+ font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
27
+ fontWeight: "var(--ds-font-weight-bold, 700)",
28
+ marginBottom: "var(--ds-space-050, 4px)",
29
+ color: "var(--ds-text-subtle, #44546F)"
30
+ };
28
31
  export const messages = defineMessages({
29
32
  titleRecentlyViewed: {
30
33
  id: 'fabric.linkPicker.listTitle.recentlyViewed',
@@ -136,8 +139,12 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
136
139
  const listItemNameMaxLines = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
137
140
  if (items && items.length > 0) {
138
141
  itemsContent = /*#__PURE__*/React.createElement(Fragment, null, fg('navx-2134-fix-a11y-link-picker-headings') ? /*#__PURE__*/React.createElement(Box, {
139
- as: "h2",
140
- xcss: cx(styles.baseListTitleStyles, styles.newListTitleStyles),
142
+ as: "h2" // Must remain <h2> for a11y title hierarchy as per https://hello.jira.atlassian.cloud/browse/A11Y-27579
143
+ // `.wiki-content h2` css styles in confluence override ADS/native styles here, so inline styles are needed.
144
+ // Should use css or xcss prop when that CSS is removed/fixed by confluence
145
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
146
+ ,
147
+ style: listTitleStyles,
141
148
  id: testIds.resultListTitle,
142
149
  testId: testIds.resultListTitle
143
150
  }, /*#__PURE__*/React.createElement(FormattedMessage, linkListTitle)) : /*#__PURE__*/React.createElement("div", {
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: "0.0.0-development" || '',
18
+ packageVersion: "3.16.4" || '',
19
19
  componentName: COMPONENT_NAME,
20
20
  source: COMPONENT_NAME
21
21
  };
package/dist/esm/ui/link-picker/search-results/link-search-list/index.js CHANGED
@@ -10,7 +10,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
10
10
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
11
11
  import { forwardRef, Fragment, useCallback, useRef } from 'react';
12
12
  import { defineMessages, FormattedMessage } from 'react-intl-next';
13
- import { cx } from '@atlaskit/css';
14
13
  import { fg } from '@atlaskit/platform-feature-flags';
15
14
  import { Box } from '@atlaskit/primitives/compiled';
16
15
  import Spinner from '@atlaskit/spinner';
@@ -21,15 +20,19 @@ import { NoResults, testIds as noResultsTestIds } from './link-search-no-results
21
20
  import { LinkSearchListItem, testIds as searchResultItemTestIds } from './list-item';
22
21
  import { useTrackResultsShown } from './use-track-results-shown';
23
22
  var styles = {
24
- emptyStateNoResultsWrapper: "_1tkepxbi",
25
- baseListTitleStyles: "_11c81o8v _k48pmoej _otyr1b66",
26
- newListTitleStyles: "_syaz1gjq"
23
+ emptyStateNoResultsWrapper: "_1tkepxbi"
27
24
  };
28
25
  var listContainerStyles = null;
29
26
  var spinnerContainerStyles = null;
30
27
  var listStyles = null;
31
28
  var baseListTitleStyles = null;
32
29
  var newListTitleStyles = null;
30
+ var listTitleStyles = {
31
+ font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
32
+ fontWeight: "var(--ds-font-weight-bold, 700)",
33
+ marginBottom: "var(--ds-space-050, 4px)",
34
+ color: "var(--ds-text-subtle, #44546F)"
35
+ };
33
36
  export var messages = defineMessages({
34
37
  titleRecentlyViewed: {
35
38
  id: 'fabric.linkPicker.listTitle.recentlyViewed',
@@ -138,8 +141,12 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
138
141
  var listItemNameMaxLines = activePlugin === null || activePlugin === void 0 || (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
139
142
  if (items && items.length > 0) {
140
143
  itemsContent = /*#__PURE__*/React.createElement(Fragment, null, fg('navx-2134-fix-a11y-link-picker-headings') ? /*#__PURE__*/React.createElement(Box, {
141
- as: "h2",
142
- xcss: cx(styles.baseListTitleStyles, styles.newListTitleStyles),
144
+ as: "h2" // Must remain <h2> for a11y title hierarchy as per https://hello.jira.atlassian.cloud/browse/A11Y-27579
145
+ // `.wiki-content h2` css styles in confluence override ADS/native styles here, so inline styles are needed.
146
+ // Should use css or xcss prop when that CSS is removed/fixed by confluence
147
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
148
+ ,
149
+ style: listTitleStyles,
143
150
  id: testIds.resultListTitle,
144
151
  testId: testIds.resultListTitle
145
152
  }, /*#__PURE__*/React.createElement(FormattedMessage, linkListTitle)) : /*#__PURE__*/React.createElement("div", {
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: "0.0.0-development" || '',
19
+ packageVersion: "3.16.4" || '',
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.16.4",
3
+ "version": "3.16.5",
4
4
  "description": "Standalone link picker",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "publishConfig": {
@@ -68,14 +68,14 @@
68
68
  "@atlaskit/linking-common": "^9.7.0",
69
69
  "@atlaskit/onboarding": "^14.4.0",
70
70
  "@atlaskit/platform-feature-flags": "^1.1.0",
71
- "@atlaskit/primitives": "^16.0.0",
72
- "@atlaskit/smart-card": "^43.4.0",
71
+ "@atlaskit/primitives": "^16.1.0",
72
+ "@atlaskit/smart-card": "^43.5.0",
73
73
  "@atlaskit/spinner": "^19.0.0",
74
74
  "@atlaskit/tabs": "^18.2.0",
75
75
  "@atlaskit/textfield": "^8.0.0",
76
76
  "@atlaskit/theme": "^21.0.0",
77
- "@atlaskit/tokens": "^7.0.0",
78
- "@atlaskit/tooltip": "^20.6.0",
77
+ "@atlaskit/tokens": "^7.1.0",
78
+ "@atlaskit/tooltip": "^20.7.0",
79
79
  "@atlaskit/ufo": "^0.4.0",
80
80
  "@atlaskit/visually-hidden": "^3.0.0",
81
81
  "@babel/runtime": "^7.0.0",