@atlaskit/link-picker 4.2.17 → 4.2.18

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 (14) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +8 -8
  3. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js +5 -24
  4. package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.compiled.css +2 -2
  5. package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.js +3 -13
  6. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +8 -8
  7. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js +5 -6
  8. package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/index.compiled.css +1 -1
  9. package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/index.js +1 -2
  10. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +8 -8
  11. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js +5 -24
  12. package/dist/esm/ui/link-picker/search-results/scrolling-tabs/index.compiled.css +2 -2
  13. package/dist/esm/ui/link-picker/search-results/scrolling-tabs/index.js +3 -13
  14. package/package.json +5 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/link-picker
2
2
 
3
+ ## 4.2.18
4
+
5
+ ### Patch Changes
6
+
7
+ - [`93a66599141af`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/93a66599141af) -
8
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
9
+ - Updated dependencies
10
+
3
11
  ## 4.2.17
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
  ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._16qs1f4r{box-shadow:var(--_1mo126v)}
2
+ ._16qs1x9r{box-shadow:inset 2px 0 0 var(--ds-border-selected,#1868db)}
3
3
  ._18m915vq{overflow-y:hidden}
4
4
  ._18u0idpf{margin-left:0}
5
5
  ._19bvsy6a{padding-left:clamp(var(--ds-space-100,8px),var(--link-picker-padding-left),100%)}
@@ -14,22 +14,22 @@
14
14
  ._2hwxutpp{margin-right:var(--ds-space-150,9pt)}
15
15
  ._80omtlke{cursor:pointer}
16
16
  ._ae4v1h6o{align-content:center}
17
- ._bfhk1kxl{background-color:var(--_rryx0a)}
17
+ ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
18
18
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
19
19
  ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
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)}
24
- ._syaz1svm{color:var(--_1trgtlr)}
25
- ._syazct01{color:var(--_khvm95)}
23
+ ._syaz1l7x{color:var(--ds-border,#0b120e24)}
24
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
25
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
26
26
  ._u5f3fxbg{padding-right:clamp(var(--ds-space-100,8px),var(--link-picker-padding-right),100%)}
27
27
  ._1a3b1r31:focus{text-decoration-color:currentColor}
28
28
  ._1hvw1o36:focus{outline-width:medium}
29
29
  ._49pcglyw:focus{outline-style:none}
30
30
  ._4fprglyw:focus{text-decoration-line:none}
31
31
  ._5goinqa1:focus{text-decoration-style:solid}
32
- ._7ehif7x9:focus{box-shadow:var(--_ttguoj)}
32
+ ._7ehip0rx:focus{box-shadow:0 0 0 2px var(--ds-border-focused,#4688ec) inset}
33
33
  ._nt751r31:focus{outline-color:currentColor}
34
- ._1dbz1f4r:hover{box-shadow:var(--_1mo126v)}
35
- ._irr38iyy:hover{background-color:var(--_mmrjro)}
34
+ ._1dbz1x9r:hover{box-shadow:inset 2px 0 0 var(--ds-border-selected,#1868db)}
35
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js CHANGED
@@ -14,7 +14,6 @@ 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
16
  var _compiled = require("@atlaskit/primitives/compiled");
17
- var _colors = require("@atlaskit/theme/colors");
18
17
  var _transformTimeStamp = require("../../../transformTimeStamp");
19
18
  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); }
20
19
  /* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
@@ -69,27 +68,15 @@ var ListItemSubtitle = function ListItemSubtitle(_ref) {
69
68
  secondItem = _ref$items[1];
70
69
  return /*#__PURE__*/React.createElement("div", {
71
70
  "data-testid": "".concat(testIds.searchResultItem, "-subtitle"),
72
- className: (0, _runtime.ax)(["_11c8wadc _syazct01 _1e0c1txw"]),
73
- style: {
74
- "--_khvm95": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N300, ")"))
75
- }
71
+ className: (0, _runtime.ax)(["_11c8wadc _syazi7uo _1e0c1txw"])
76
72
  }, /*#__PURE__*/React.createElement("div", {
77
73
  className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bto1l2s"])
78
74
  }, /*#__PURE__*/React.createElement("span", {
79
- className: (0, _runtime.ax)(["_syaz121t _o5721q9c"]),
80
- style: {
81
- "--_1pseksa": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N400, ")"))
82
- }
75
+ className: (0, _runtime.ax)(["_syazazsu _o5721q9c"])
83
76
  }, firstItem)), secondItem && /*#__PURE__*/React.createElement("div", {
84
- className: (0, _runtime.ax)(["_syaz121t _o5721q9c"]),
85
- style: {
86
- "--_1pseksa": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N400, ")"))
87
- }
77
+ className: (0, _runtime.ax)(["_syazazsu _o5721q9c"])
88
78
  }, /*#__PURE__*/React.createElement("span", {
89
- className: (0, _runtime.ax)(["_syaz1svm"]),
90
- style: {
91
- "--_1trgtlr": (0, _runtime.ix)("var(--ds-border, ".concat(_colors.N40A, ")"))
92
- }
79
+ className: (0, _runtime.ax)(["_syaz1l7x"])
93
80
  }, /*#__PURE__*/React.createElement(_react.Fragment, null, "\xA0 \u2022\xA0 ")), /*#__PURE__*/React.createElement(_react.Fragment, null, secondItem)));
94
81
  };
95
82
  var getDefaultSubtitleItems = function getDefaultSubtitleItems(item, intl) {
@@ -134,13 +121,7 @@ var LinkSearchListItem = exports.LinkSearchListItem = /*#__PURE__*/(0, _react.fo
134
121
  onFocus: onFocus,
135
122
  tabIndex: tabIndex,
136
123
  ref: ref,
137
- className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1txw _ca0qu2gc _n3tdu2gc _19bvsy6a _u5f3fxbg _80omtlke", !selected && "_irr38iyy _1dbz1f4r", selected && "_bfhk1kxl _16qs1f4r", "_nt751r31 _49pcglyw _1hvw1o36 _1a3b1r31 _4fprglyw _5goinqa1 _7ehif7x9"]),
138
- style: {
139
- "--_mmrjro": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")")),
140
- "--_1mo126v": (0, _runtime.ix)("inset 2px 0px 0px ".concat("var(--ds-border-selected, ".concat(_colors.B400, ")"))),
141
- "--_rryx0a": (0, _runtime.ix)("var(--ds-background-selected, ".concat(_colors.B50, ")")),
142
- "--_ttguoj": (0, _runtime.ix)("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"), " inset"))
143
- }
124
+ className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1txw _ca0qu2gc _n3tdu2gc _19bvsy6a _u5f3fxbg _80omtlke", !selected && "_irr31dpa _1dbz1x9r", selected && "_bfhk15s3 _16qs1x9r", "_nt751r31 _49pcglyw _1hvw1o36 _1a3b1r31 _4fprglyw _5goinqa1 _7ehip0rx"])
144
125
  }, /*#__PURE__*/React.createElement(ListItemIcon, {
145
126
  item: item,
146
127
  intl: intl
package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.compiled.css CHANGED
@@ -14,10 +14,10 @@
14
14
  ._1mp41kw7:before{width:inherit}
15
15
  ._1pby18h8{z-index:999}
16
16
  ._1reo1wug{overflow-x:auto}
17
- ._1russudh:before{background-color:var(--_lvpq93)}
17
+ ._1rus1l7x:before{background-color:var(--ds-border,#0b120e24)}
18
18
  ._1xi2idpf{right:0}
19
19
  ._7hip261p [role=tab]{overflow-x:unset!important}
20
- ._bfhkppbu{background-color:var(--_1t3jkli)}
20
+ ._bfhkvuon{background-color:var(--ds-surface,#fff)}
21
21
  ._eid3idpf:before{margin-right:0}
22
22
  ._fntnidpf:before{margin-left:0}
23
23
  ._kfgtyh40:before{height:2px}
package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.js CHANGED
@@ -15,7 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
15
15
  var _new = require("@atlaskit/button/new");
16
16
  var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
17
17
  var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
18
- var _colors = require("@atlaskit/theme/colors");
19
18
  var _scrollingTabs = require("./scrolling-tabs");
20
19
  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); }
21
20
  function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
@@ -133,10 +132,7 @@ var ScrollingTabList = exports.ScrollingTabList = function ScrollingTabList(prop
133
132
  "data-testid": "scrolling-tabs",
134
133
  className: (0, _runtime.ax)(["_kqswh2mm _18q9glyw _7hip261p _1fud261p _1dze261p"])
135
134
  }, conditionalButtons.back && /*#__PURE__*/_react.default.createElement("div", {
136
- className: (0, _runtime.ax)(["_kqswstnw _154i1b66 _1pby18h8 _bfhkppbu _1ltvidpf", "back"]),
137
- style: {
138
- "--_1t3jkli": (0, _runtime.ix)("var(--ds-surface, ".concat(_colors.N0, ")"))
139
- }
135
+ className: (0, _runtime.ax)(["_kqswstnw _154i1b66 _1pby18h8 _bfhkvuon _1ltvidpf", "back"])
140
136
  }, /*#__PURE__*/_react.default.createElement(_new.IconButton, (0, _extends2.default)({
141
137
  "data-test-id": "back",
142
138
  onClick: function onClick() {
@@ -149,15 +145,9 @@ var ScrollingTabList = exports.ScrollingTabList = function ScrollingTabList(prop
149
145
  }));
150
146
  }
151
147
  }, buttonProps))), /*#__PURE__*/_react.default.createElement("div", {
152
- className: (0, _runtime.ax)(["_1bh4vqrj _1reo1wug _1dm8q5uf _1fjgglyw _rfx3lb4i _pascidpf _eid3idpf _zr3eidpf _fntnidpf _1kt9b3bt _19woidpf _1cs8stnw _1mp41kw7 _qnecu2gc _oounu2gc _kfgtyh40 _1russudh _1cicglyw"]),
153
- style: {
154
- "--_lvpq93": (0, _runtime.ix)("var(--ds-border, ".concat(_colors.N30, ")"))
155
- }
148
+ className: (0, _runtime.ax)(["_1bh4vqrj _1reo1wug _1dm8q5uf _1fjgglyw _rfx3lb4i _pascidpf _eid3idpf _zr3eidpf _fntnidpf _1kt9b3bt _19woidpf _1cs8stnw _1mp41kw7 _qnecu2gc _oounu2gc _kfgtyh40 _1rus1l7x _1cicglyw"])
156
149
  }, props.children), conditionalButtons.forward && /*#__PURE__*/_react.default.createElement("div", {
157
- className: (0, _runtime.ax)(["_kqswstnw _154i1b66 _1pby18h8 _bfhkppbu _1xi2idpf"]),
158
- style: {
159
- "--_1t3jkli": (0, _runtime.ix)("var(--ds-surface, ".concat(_colors.N0, ")"))
160
- }
150
+ className: (0, _runtime.ax)(["_kqswstnw _154i1b66 _1pby18h8 _bfhkvuon _1xi2idpf"])
161
151
  }, /*#__PURE__*/_react.default.createElement(_new.IconButton, (0, _extends2.default)({
162
152
  "data-test-id": "forward",
163
153
  onClick: function onClick() {
package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
  ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._16qs1l95{box-shadow:inset 2px 0 0 var(--ds-border-selected,#0052cc)}
2
+ ._16qs1x9r{box-shadow:inset 2px 0 0 var(--ds-border-selected,#1868db)}
3
3
  ._18m915vq{overflow-y:hidden}
4
4
  ._18u0idpf{margin-left:0}
5
5
  ._19bvsy6a{padding-left:clamp(var(--ds-space-100,8px),var(--link-picker-padding-left),100%)}
@@ -14,22 +14,22 @@
14
14
  ._2hwxutpp{margin-right:var(--ds-space-150,9pt)}
15
15
  ._80omtlke{cursor:pointer}
16
16
  ._ae4v1h6o{align-content:center}
17
- ._bfhk29zg{background-color:var(--ds-background-selected,#deebff)}
17
+ ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
18
18
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
19
19
  ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
20
20
  ._o5721q9c{white-space:nowrap}
21
21
  ._otyridpf{margin-bottom:0}
22
22
  ._p12fpxbi{max-width:var(--ds-space-200,1pc)}
23
- ._syaz14xw{color:var(--ds-text,#5e6c84)}
24
- ._syaz1a45{color:var(--ds-text-subtle,#505f79)}
25
- ._syazxs3e{color:var(--ds-border,rgba(9,30,66,.13))}
23
+ ._syaz1l7x{color:var(--ds-border,#0b120e24)}
24
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
25
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
26
26
  ._u5f3fxbg{padding-right:clamp(var(--ds-space-100,8px),var(--link-picker-padding-right),100%)}
27
27
  ._1a3b1r31:focus{text-decoration-color:currentColor}
28
28
  ._1hvw1o36:focus{outline-width:medium}
29
29
  ._49pcglyw:focus{outline-style:none}
30
30
  ._4fprglyw:focus{text-decoration-line:none}
31
31
  ._5goinqa1:focus{text-decoration-style:solid}
32
- ._7ehi1tx3:focus{box-shadow:0 0 0 2px var(--ds-border-focused,#4c9aff) inset}
32
+ ._7ehip0rx:focus{box-shadow:0 0 0 2px var(--ds-border-focused,#4688ec) inset}
33
33
  ._nt751r31:focus{outline-color:currentColor}
34
- ._1dbz1l95:hover{box-shadow:inset 2px 0 0 var(--ds-border-selected,#0052cc)}
35
- ._irr31dko:hover{background-color:var(--ds-background-neutral-subtle-hovered,#f4f5f7)}
34
+ ._1dbz1x9r:hover{box-shadow:inset 2px 0 0 var(--ds-border-selected,#1868db)}
35
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js CHANGED
@@ -5,7 +5,6 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import { forwardRef, Fragment } from 'react';
6
6
  import { useIntl } from 'react-intl-next';
7
7
  import { Text } from '@atlaskit/primitives/compiled';
8
- import { B100, B400, B50, N20, N300, N400, N40A } from '@atlaskit/theme/colors';
9
8
  /* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
10
9
  import { transformTimeStamp } from '../../../transformTimeStamp';
11
10
  export const testIds = {
@@ -58,15 +57,15 @@ const ListItemSubtitle = ({
58
57
  }) => {
59
58
  return /*#__PURE__*/React.createElement("div", {
60
59
  "data-testid": `${testIds.searchResultItem}-subtitle`,
61
- className: ax(["_11c8wadc _syaz14xw _1e0c1txw"])
60
+ className: ax(["_11c8wadc _syazi7uo _1e0c1txw"])
62
61
  }, /*#__PURE__*/React.createElement("div", {
63
62
  className: ax(["_1reo15vq _18m915vq _1bto1l2s"])
64
63
  }, /*#__PURE__*/React.createElement("span", {
65
- className: ax(["_syaz1a45 _o5721q9c"])
64
+ className: ax(["_syazazsu _o5721q9c"])
66
65
  }, firstItem)), secondItem && /*#__PURE__*/React.createElement("div", {
67
- className: ax(["_syaz1a45 _o5721q9c"])
66
+ className: ax(["_syazazsu _o5721q9c"])
68
67
  }, /*#__PURE__*/React.createElement("span", {
69
- className: ax(["_syazxs3e"])
68
+ className: ax(["_syaz1l7x"])
70
69
  }, /*#__PURE__*/React.createElement(Fragment, null, "\xA0 \u2022\xA0 ")), /*#__PURE__*/React.createElement(Fragment, null, secondItem)));
71
70
  };
72
71
  const getDefaultSubtitleItems = (item, intl) => {
@@ -109,7 +108,7 @@ export const LinkSearchListItem = /*#__PURE__*/forwardRef(({
109
108
  onFocus: onFocus,
110
109
  tabIndex: tabIndex,
111
110
  ref: ref,
112
- className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1txw _ca0qu2gc _n3tdu2gc _19bvsy6a _u5f3fxbg _80omtlke", !selected && "_irr31dko _1dbz1l95", selected && "_bfhk29zg _16qs1l95", "_nt751r31 _49pcglyw _1hvw1o36 _1a3b1r31 _4fprglyw _5goinqa1 _7ehi1tx3"])
111
+ className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1txw _ca0qu2gc _n3tdu2gc _19bvsy6a _u5f3fxbg _80omtlke", !selected && "_irr31dpa _1dbz1x9r", selected && "_bfhk15s3 _16qs1x9r", "_nt751r31 _49pcglyw _1hvw1o36 _1a3b1r31 _4fprglyw _5goinqa1 _7ehip0rx"])
113
112
  }, /*#__PURE__*/React.createElement(ListItemIcon, {
114
113
  item: item,
115
114
  intl: intl
package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/index.compiled.css CHANGED
@@ -14,7 +14,7 @@
14
14
  ._1mp41kw7:before{width:inherit}
15
15
  ._1pby18h8{z-index:999}
16
16
  ._1reo1wug{overflow-x:auto}
17
- ._1rushloo:before{background-color:var(--ds-border,#ebecf0)}
17
+ ._1rus1l7x:before{background-color:var(--ds-border,#0b120e24)}
18
18
  ._1xi2idpf{right:0}
19
19
  ._7hip261p [role=tab]{overflow-x:unset!important}
20
20
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/index.js CHANGED
@@ -6,7 +6,6 @@ import React, { useCallback, useMemo, useRef, useState } from 'react';
6
6
  import { IconButton } from '@atlaskit/button/new';
7
7
  import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
8
8
  import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
9
- import { N0, N30 } from '@atlaskit/theme/colors';
10
9
  import { calculateConditionalButtons, createGhost, getTabList, scrollBack, scrollForward } from './scrolling-tabs';
11
10
  function isTouchDevice() {
12
11
  return 'ontouchstart' in window ||
@@ -109,7 +108,7 @@ export const ScrollingTabList = props => {
109
108
  size: "small"
110
109
  }))
111
110
  }, buttonProps))), /*#__PURE__*/React.createElement("div", {
112
- className: ax(["_1bh4vqrj _1reo1wug _1dm8q5uf _1fjgglyw _rfx3lb4i _pascidpf _eid3idpf _zr3eidpf _fntnidpf _1kt9b3bt _19woidpf _1cs8stnw _1mp41kw7 _qnecu2gc _oounu2gc _kfgtyh40 _1rushloo _1cicglyw"])
111
+ className: ax(["_1bh4vqrj _1reo1wug _1dm8q5uf _1fjgglyw _rfx3lb4i _pascidpf _eid3idpf _zr3eidpf _fntnidpf _1kt9b3bt _19woidpf _1cs8stnw _1mp41kw7 _qnecu2gc _oounu2gc _kfgtyh40 _1rus1l7x _1cicglyw"])
113
112
  }, props.children), conditionalButtons.forward && /*#__PURE__*/React.createElement("div", {
114
113
  className: ax(["_kqswstnw _154i1b66 _1pby18h8 _bfhkvuon _1xi2idpf"])
115
114
  }, /*#__PURE__*/React.createElement(IconButton, _extends({
package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
  ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._16qs1f4r{box-shadow:var(--_1mo126v)}
2
+ ._16qs1x9r{box-shadow:inset 2px 0 0 var(--ds-border-selected,#1868db)}
3
3
  ._18m915vq{overflow-y:hidden}
4
4
  ._18u0idpf{margin-left:0}
5
5
  ._19bvsy6a{padding-left:clamp(var(--ds-space-100,8px),var(--link-picker-padding-left),100%)}
@@ -14,22 +14,22 @@
14
14
  ._2hwxutpp{margin-right:var(--ds-space-150,9pt)}
15
15
  ._80omtlke{cursor:pointer}
16
16
  ._ae4v1h6o{align-content:center}
17
- ._bfhk1kxl{background-color:var(--_rryx0a)}
17
+ ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
18
18
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
19
19
  ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
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)}
24
- ._syaz1svm{color:var(--_1trgtlr)}
25
- ._syazct01{color:var(--_khvm95)}
23
+ ._syaz1l7x{color:var(--ds-border,#0b120e24)}
24
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
25
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
26
26
  ._u5f3fxbg{padding-right:clamp(var(--ds-space-100,8px),var(--link-picker-padding-right),100%)}
27
27
  ._1a3b1r31:focus{text-decoration-color:currentColor}
28
28
  ._1hvw1o36:focus{outline-width:medium}
29
29
  ._49pcglyw:focus{outline-style:none}
30
30
  ._4fprglyw:focus{text-decoration-line:none}
31
31
  ._5goinqa1:focus{text-decoration-style:solid}
32
- ._7ehif7x9:focus{box-shadow:var(--_ttguoj)}
32
+ ._7ehip0rx:focus{box-shadow:0 0 0 2px var(--ds-border-focused,#4688ec) inset}
33
33
  ._nt751r31:focus{outline-color:currentColor}
34
- ._1dbz1f4r:hover{box-shadow:var(--_1mo126v)}
35
- ._irr38iyy:hover{background-color:var(--_mmrjro)}
34
+ ._1dbz1x9r:hover{box-shadow:inset 2px 0 0 var(--ds-border-selected,#1868db)}
35
+ ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js CHANGED
@@ -6,7 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
6
6
  import { forwardRef, Fragment } from 'react';
7
7
  import { useIntl } from 'react-intl-next';
8
8
  import { Text } from '@atlaskit/primitives/compiled';
9
- import { B100, B400, B50, N20, N300, N400, N40A } from '@atlaskit/theme/colors';
10
9
  /* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
11
10
  import { transformTimeStamp } from '../../../transformTimeStamp';
12
11
  export var testIds = {
@@ -60,27 +59,15 @@ var ListItemSubtitle = function ListItemSubtitle(_ref) {
60
59
  secondItem = _ref$items[1];
61
60
  return /*#__PURE__*/React.createElement("div", {
62
61
  "data-testid": "".concat(testIds.searchResultItem, "-subtitle"),
63
- className: ax(["_11c8wadc _syazct01 _1e0c1txw"]),
64
- style: {
65
- "--_khvm95": ix("var(--ds-text, ".concat(N300, ")"))
66
- }
62
+ className: ax(["_11c8wadc _syazi7uo _1e0c1txw"])
67
63
  }, /*#__PURE__*/React.createElement("div", {
68
64
  className: ax(["_1reo15vq _18m915vq _1bto1l2s"])
69
65
  }, /*#__PURE__*/React.createElement("span", {
70
- className: ax(["_syaz121t _o5721q9c"]),
71
- style: {
72
- "--_1pseksa": ix("var(--ds-text-subtle, ".concat(N400, ")"))
73
- }
66
+ className: ax(["_syazazsu _o5721q9c"])
74
67
  }, firstItem)), secondItem && /*#__PURE__*/React.createElement("div", {
75
- className: ax(["_syaz121t _o5721q9c"]),
76
- style: {
77
- "--_1pseksa": ix("var(--ds-text-subtle, ".concat(N400, ")"))
78
- }
68
+ className: ax(["_syazazsu _o5721q9c"])
79
69
  }, /*#__PURE__*/React.createElement("span", {
80
- className: ax(["_syaz1svm"]),
81
- style: {
82
- "--_1trgtlr": ix("var(--ds-border, ".concat(N40A, ")"))
83
- }
70
+ className: ax(["_syaz1l7x"])
84
71
  }, /*#__PURE__*/React.createElement(Fragment, null, "\xA0 \u2022\xA0 ")), /*#__PURE__*/React.createElement(Fragment, null, secondItem)));
85
72
  };
86
73
  var getDefaultSubtitleItems = function getDefaultSubtitleItems(item, intl) {
@@ -125,13 +112,7 @@ export var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
125
112
  onFocus: onFocus,
126
113
  tabIndex: tabIndex,
127
114
  ref: ref,
128
- className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1txw _ca0qu2gc _n3tdu2gc _19bvsy6a _u5f3fxbg _80omtlke", !selected && "_irr38iyy _1dbz1f4r", selected && "_bfhk1kxl _16qs1f4r", "_nt751r31 _49pcglyw _1hvw1o36 _1a3b1r31 _4fprglyw _5goinqa1 _7ehif7x9"]),
129
- style: {
130
- "--_mmrjro": ix("var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")")),
131
- "--_1mo126v": ix("inset 2px 0px 0px ".concat("var(--ds-border-selected, ".concat(B400, ")"))),
132
- "--_rryx0a": ix("var(--ds-background-selected, ".concat(B50, ")")),
133
- "--_ttguoj": ix("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(B100, ")"), " inset"))
134
- }
115
+ className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1txw _ca0qu2gc _n3tdu2gc _19bvsy6a _u5f3fxbg _80omtlke", !selected && "_irr31dpa _1dbz1x9r", selected && "_bfhk15s3 _16qs1x9r", "_nt751r31 _49pcglyw _1hvw1o36 _1a3b1r31 _4fprglyw _5goinqa1 _7ehip0rx"])
135
116
  }, /*#__PURE__*/React.createElement(ListItemIcon, {
136
117
  item: item,
137
118
  intl: intl
package/dist/esm/ui/link-picker/search-results/scrolling-tabs/index.compiled.css CHANGED
@@ -14,10 +14,10 @@
14
14
  ._1mp41kw7:before{width:inherit}
15
15
  ._1pby18h8{z-index:999}
16
16
  ._1reo1wug{overflow-x:auto}
17
- ._1russudh:before{background-color:var(--_lvpq93)}
17
+ ._1rus1l7x:before{background-color:var(--ds-border,#0b120e24)}
18
18
  ._1xi2idpf{right:0}
19
19
  ._7hip261p [role=tab]{overflow-x:unset!important}
20
- ._bfhkppbu{background-color:var(--_1t3jkli)}
20
+ ._bfhkvuon{background-color:var(--ds-surface,#fff)}
21
21
  ._eid3idpf:before{margin-right:0}
22
22
  ._fntnidpf:before{margin-left:0}
23
23
  ._kfgtyh40:before{height:2px}
package/dist/esm/ui/link-picker/search-results/scrolling-tabs/index.js CHANGED
@@ -10,7 +10,6 @@ import React, { useCallback, useMemo, useRef, useState } from 'react';
10
10
  import { IconButton } from '@atlaskit/button/new';
11
11
  import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
12
12
  import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
13
- import { N0, N30 } from '@atlaskit/theme/colors';
14
13
  import { calculateConditionalButtons, createGhost, getTabList, scrollBack, scrollForward } from './scrolling-tabs';
15
14
  function isTouchDevice() {
16
15
  return 'ontouchstart' in window ||
@@ -124,10 +123,7 @@ export var ScrollingTabList = function ScrollingTabList(props) {
124
123
  "data-testid": "scrolling-tabs",
125
124
  className: ax(["_kqswh2mm _18q9glyw _7hip261p _1fud261p _1dze261p"])
126
125
  }, conditionalButtons.back && /*#__PURE__*/React.createElement("div", {
127
- className: ax(["_kqswstnw _154i1b66 _1pby18h8 _bfhkppbu _1ltvidpf", "back"]),
128
- style: {
129
- "--_1t3jkli": ix("var(--ds-surface, ".concat(N0, ")"))
130
- }
126
+ className: ax(["_kqswstnw _154i1b66 _1pby18h8 _bfhkvuon _1ltvidpf", "back"])
131
127
  }, /*#__PURE__*/React.createElement(IconButton, _extends({
132
128
  "data-test-id": "back",
133
129
  onClick: function onClick() {
@@ -140,15 +136,9 @@ export var ScrollingTabList = function ScrollingTabList(props) {
140
136
  }));
141
137
  }
142
138
  }, buttonProps))), /*#__PURE__*/React.createElement("div", {
143
- className: ax(["_1bh4vqrj _1reo1wug _1dm8q5uf _1fjgglyw _rfx3lb4i _pascidpf _eid3idpf _zr3eidpf _fntnidpf _1kt9b3bt _19woidpf _1cs8stnw _1mp41kw7 _qnecu2gc _oounu2gc _kfgtyh40 _1russudh _1cicglyw"]),
144
- style: {
145
- "--_lvpq93": ix("var(--ds-border, ".concat(N30, ")"))
146
- }
139
+ className: ax(["_1bh4vqrj _1reo1wug _1dm8q5uf _1fjgglyw _rfx3lb4i _pascidpf _eid3idpf _zr3eidpf _fntnidpf _1kt9b3bt _19woidpf _1cs8stnw _1mp41kw7 _qnecu2gc _oounu2gc _kfgtyh40 _1rus1l7x _1cicglyw"])
147
140
  }, props.children), conditionalButtons.forward && /*#__PURE__*/React.createElement("div", {
148
- className: ax(["_kqswstnw _154i1b66 _1pby18h8 _bfhkppbu _1xi2idpf"]),
149
- style: {
150
- "--_1t3jkli": ix("var(--ds-surface, ".concat(N0, ")"))
151
- }
141
+ className: ax(["_kqswstnw _154i1b66 _1pby18h8 _bfhkvuon _1xi2idpf"])
152
142
  }, /*#__PURE__*/React.createElement(IconButton, _extends({
153
143
  "data-test-id": "forward",
154
144
  onClick: function onClick() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "4.2.17",
3
+ "version": "4.2.18",
4
4
  "description": "Standalone link picker",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "publishConfig": {
@@ -51,20 +51,19 @@
51
51
  "@atlaskit/form": "^15.5.0",
52
52
  "@atlaskit/frontend-utilities": "^3.2.0",
53
53
  "@atlaskit/heading": "^5.3.0",
54
- "@atlaskit/icon": "^33.0.0",
54
+ "@atlaskit/icon": "^33.1.0",
55
55
  "@atlaskit/intl-messages-provider": "^2.0.0",
56
56
  "@atlaskit/link": "^3.3.0",
57
57
  "@atlaskit/link-provider": "^4.3.0",
58
58
  "@atlaskit/linking-common": "^9.11.0",
59
59
  "@atlaskit/onboarding": "^14.5.0",
60
60
  "@atlaskit/platform-feature-flags": "^1.1.0",
61
- "@atlaskit/primitives": "^18.0.0",
62
- "@atlaskit/smart-card": "^43.27.0",
61
+ "@atlaskit/primitives": "^18.1.0",
62
+ "@atlaskit/smart-card": "^43.28.0",
63
63
  "@atlaskit/spinner": "^19.0.0",
64
64
  "@atlaskit/tabs": "^19.0.0",
65
65
  "@atlaskit/textfield": "^8.2.0",
66
- "@atlaskit/theme": "^22.0.0",
67
- "@atlaskit/tokens": "^11.2.0",
66
+ "@atlaskit/tokens": "^11.4.0",
68
67
  "@atlaskit/tooltip": "^21.0.0",
69
68
  "@atlaskit/ufo": "^0.4.0",
70
69
  "@atlaskit/visually-hidden": "^3.0.0",