@atlaskit/link-picker 1.16.5 → 1.16.6

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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/link-picker
2
2
 
3
+ ## 1.16.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
8
+
3
9
  ## 1.16.5
4
10
 
5
11
  ### Patch Changes
@@ -9,8 +9,6 @@ exports.relativeFontSizeToBase16 = exports.listItemNameStyles = exports.listItem
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
12
- var _tokens = require("@atlaskit/tokens");
13
-
14
12
  var _react = require("@emotion/react");
15
13
 
16
14
  var _colors = require("@atlaskit/theme/colors");
@@ -35,9 +33,9 @@ var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
35
33
 
36
34
  exports.relativeFontSizeToBase16 = relativeFontSizeToBase16;
37
35
  var listItemBaseStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n padding: ", "px ", "px;\n margin: 0 -", "px;\n cursor: pointer;\n"])), (0, _constants.gridSize)(), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2);
38
- var listItemBoxShadow = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n box-shadow: inset 2px 0px 0px ", ";\n"])), (0, _tokens.token)('color.border.selected', _colors.B400));
39
- var listItemActive = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n"])), (0, _tokens.token)('color.background.neutral.subtle.hovered', _colors.N20));
40
- var listItemSelected = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n"])), (0, _tokens.token)('color.background.selected', _colors.B50));
36
+ var listItemBoxShadow = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n box-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-border-selected, ".concat(_colors.B400, ")"));
37
+ var listItemActive = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"));
38
+ var listItemSelected = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n"])), "var(--ds-background-selected, ".concat(_colors.B50, ")"));
41
39
 
42
40
  var composeListItemStyles = function composeListItemStyles() {
43
41
  var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -49,9 +47,9 @@ var composeListItemStyles = function composeListItemStyles() {
49
47
  exports.composeListItemStyles = composeListItemStyles;
50
48
  var itemNameStyles = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n"])));
51
49
  exports.itemNameStyles = itemNameStyles;
52
- var listItemNameStyles = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 20px;\n"])), (0, _tokens.token)('color.text', _colors.N800));
50
+ var listItemNameStyles = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 20px;\n"])), "var(--ds-text, ".concat(_colors.N800, ")"));
53
51
  exports.listItemNameStyles = listItemNameStyles;
54
- var listItemContextStyles = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n font-size: ", ";\n line-height: ", "px;\n display: flex;\n"])), (0, _tokens.token)('color.text', _colors.N300), relativeFontSizeToBase16((0, _theme.fontSizeSmall)()), (0, _theme.fontSize)());
52
+ var listItemContextStyles = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n font-size: ", ";\n line-height: ", "px;\n display: flex;\n"])), "var(--ds-text, ".concat(_colors.N300, ")"), relativeFontSizeToBase16((0, _theme.fontSizeSmall)()), (0, _theme.fontSize)());
55
53
  exports.listItemContextStyles = listItemContextStyles;
56
54
  var listItemContainerStyles = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
57
55
  exports.listItemContainerStyles = listItemContainerStyles;
@@ -9,8 +9,6 @@ exports.tabsWrapperStyles = exports.searchIconStyles = exports.rootContainerStyl
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
12
- var _tokens = require("@atlaskit/tokens");
13
-
14
12
  var _react = require("@emotion/react");
15
13
 
16
14
  var _colors = require("@atlaskit/theme/colors");
@@ -30,7 +28,7 @@ var rootContainerStyles = (0, _react.css)(_templateObject || (_templateObject =
30
28
  exports.rootContainerStyles = rootContainerStyles;
31
29
  var rootContainerStylesForLoader = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n display: flex;\n align-items: center;\n justify-content: center;\n"])), rootContainerStyles);
32
30
  exports.rootContainerStylesForLoader = rootContainerStylesForLoader;
33
- var searchIconStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: ", "px;\n color: ", ";\n cursor: default;\n"])), gridSize / 2, (0, _tokens.token)('color.icon', _colors.N500));
31
+ var searchIconStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: ", "px;\n color: ", ";\n cursor: default;\n"])), gridSize / 2, "var(--ds-icon, ".concat(_colors.N500, ")"));
34
32
  exports.searchIconStyles = searchIconStyles;
35
33
  var tabsWrapperStyles = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: ", "px;\n margin-left: -", "px;\n margin-right: -", "px;\n"])), gridSize * 1.5, gridSize, gridSize);
36
34
  exports.tabsWrapperStyles = tabsWrapperStyles;
@@ -9,8 +9,6 @@ exports.fieldStyles = exports.clearTextButtonStyles = void 0;
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
12
- var _tokens = require("@atlaskit/tokens");
13
-
14
12
  var _react = require("@emotion/react");
15
13
 
16
14
  var _colors = require("@atlaskit/theme/colors");
@@ -19,7 +17,7 @@ var _constants = require("@atlaskit/theme/constants");
19
17
 
20
18
  var _templateObject, _templateObject2;
21
19
 
22
- var clearTextButtonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding: 0;\n margin-right: ", "px;\n color: ", ";\n background: transparent;\n border: none;\n cursor: pointer;\n"])), (0, _constants.gridSize)() / 2, (0, _tokens.token)('color.icon.subtle', _colors.N500));
20
+ var clearTextButtonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding: 0;\n margin-right: ", "px;\n color: ", ";\n background: transparent;\n border: none;\n cursor: pointer;\n"])), (0, _constants.gridSize)() / 2, "var(--ds-icon-subtle, ".concat(_colors.N500, ")"));
23
21
  exports.clearTextButtonStyles = clearTextButtonStyles;
24
22
  var fieldStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n & + & {\n margin-top: ", "px;\n }\n"])), (0, _constants.gridSize)() * 2);
25
23
  exports.fieldStyles = fieldStyles;
@@ -7,8 +7,6 @@ exports.scrollingContainerStyles = exports.nextButtonStyles = exports.containerS
7
7
 
8
8
  var _react = require("@emotion/react");
9
9
 
10
- var _tokens = require("@atlaskit/tokens");
11
-
12
10
  var _colors = require("@atlaskit/theme/colors");
13
11
 
14
12
  var scrollingContainerStyles = (0, _react.css)({
@@ -29,7 +27,7 @@ var scrollingContainerStyles = (0, _react.css)({
29
27
  left: 8,
30
28
  right: 8,
31
29
  height: 2,
32
- backgroundColor: (0, _tokens.token)('color.border', _colors.N30)
30
+ backgroundColor: "var(--ds-border, ".concat(_colors.N30, ")")
33
31
  }
34
32
  });
35
33
  exports.scrollingContainerStyles = scrollingContainerStyles;
@@ -51,7 +49,7 @@ var buttonContainerStyles = (0, _react.css)({
51
49
  position: 'absolute',
52
50
  top: 4,
53
51
  zIndex: 999,
54
- backgroundColor: (0, _tokens.token)('elevation.surface', _colors.N0)
52
+ backgroundColor: "var(--ds-surface, ".concat(_colors.N0, ")")
55
53
  });
56
54
  exports.buttonContainerStyles = buttonContainerStyles;
57
55
  var backButtonStyles = (0, _react.css)([buttonContainerStyles, {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "1.16.5",
3
+ "version": "1.16.6",
4
4
  "sideEffects": false
5
5
  }
@@ -1,4 +1,3 @@
1
- import { token } from '@atlaskit/tokens';
2
1
  import { css } from '@emotion/react';
3
2
  import { B50, N300, N800, N20, B400 } from '@atlaskit/theme/colors';
4
3
  import { gridSize } from '@atlaskit/theme/constants'; // AFP-2532 TODO: Fix automatic suppressions below
@@ -23,13 +22,13 @@ const listItemBaseStyles = css`
23
22
  cursor: pointer;
24
23
  `;
25
24
  const listItemBoxShadow = css`
26
- box-shadow: inset 2px 0px 0px ${token('color.border.selected', B400)};
25
+ box-shadow: inset 2px 0px 0px ${`var(--ds-border-selected, ${B400})`};
27
26
  `;
28
27
  const listItemActive = css`
29
- background-color: ${token('color.background.neutral.subtle.hovered', N20)};
28
+ background-color: ${`var(--ds-background-neutral-subtle-hovered, ${N20})`};
30
29
  `;
31
30
  const listItemSelected = css`
32
- background-color: ${token('color.background.selected', B50)};
31
+ background-color: ${`var(--ds-background-selected, ${B50})`};
33
32
  `;
34
33
  export const composeListItemStyles = (active = false, selected = false) => {
35
34
  const hasShadow = active || selected;
@@ -44,14 +43,14 @@ export const itemNameStyles = css`
44
43
  overflow: hidden;
45
44
  `;
46
45
  export const listItemNameStyles = css`
47
- color: ${token('color.text', N800)};
46
+ color: ${`var(--ds-text, ${N800})`};
48
47
  overflow: hidden;
49
48
  text-overflow: ellipsis;
50
49
  white-space: nowrap;
51
50
  line-height: 20px;
52
51
  `;
53
52
  export const listItemContextStyles = css`
54
- color: ${token('color.text', N300)};
53
+ color: ${`var(--ds-text, ${N300})`};
55
54
  font-size: ${relativeFontSizeToBase16(fontSizeSmall())};
56
55
  line-height: ${fontSize()}px;
57
56
  display: flex;
@@ -1,4 +1,3 @@
1
- import { token } from '@atlaskit/tokens';
2
1
  import { css } from '@emotion/react';
3
2
  import { N500 } from '@atlaskit/theme/colors';
4
3
  import { gridSize as getGridSize } from '@atlaskit/theme/constants';
@@ -24,7 +23,7 @@ export const rootContainerStylesForLoader = css`
24
23
  `;
25
24
  export const searchIconStyles = css`
26
25
  margin-left: ${gridSize / 2}px;
27
- color: ${token('color.icon', N500)};
26
+ color: ${`var(--ds-icon, ${N500})`};
28
27
  cursor: default;
29
28
  `;
30
29
  export const tabsWrapperStyles = css`
@@ -1,11 +1,10 @@
1
- import { token } from '@atlaskit/tokens';
2
1
  import { css } from '@emotion/react';
3
2
  import { N500 } from '@atlaskit/theme/colors';
4
3
  import { gridSize } from '@atlaskit/theme/constants';
5
4
  export const clearTextButtonStyles = css`
6
5
  padding: 0;
7
6
  margin-right: ${gridSize() / 2}px;
8
- color: ${token('color.icon.subtle', N500)};
7
+ color: ${`var(--ds-icon-subtle, ${N500})`};
9
8
  background: transparent;
10
9
  border: none;
11
10
  cursor: pointer;
@@ -1,5 +1,4 @@
1
1
  import { css } from '@emotion/react';
2
- import { token } from '@atlaskit/tokens';
3
2
  import { N0, N30 } from '@atlaskit/theme/colors';
4
3
  export const scrollingContainerStyles = css({
5
4
  overflowX: 'auto',
@@ -19,7 +18,7 @@ export const scrollingContainerStyles = css({
19
18
  left: 8,
20
19
  right: 8,
21
20
  height: 2,
22
- backgroundColor: token('color.border', N30)
21
+ backgroundColor: `var(--ds-border, ${N30})`
23
22
  }
24
23
  });
25
24
  export const containerStyles = css({
@@ -39,7 +38,7 @@ export const buttonContainerStyles = css({
39
38
  position: 'absolute',
40
39
  top: 4,
41
40
  zIndex: 999,
42
- backgroundColor: token('elevation.surface', N0)
41
+ backgroundColor: `var(--ds-surface, ${N0})`
43
42
  });
44
43
  export const backButtonStyles = css([buttonContainerStyles, {
45
44
  left: 0
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "1.16.5",
3
+ "version": "1.16.6",
4
4
  "sideEffects": false
5
5
  }
@@ -2,7 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
4
4
 
5
- import { token } from '@atlaskit/tokens';
6
5
  import { css } from '@emotion/react';
7
6
  import { B50, N300, N800, N20, B400 } from '@atlaskit/theme/colors';
8
7
  import { gridSize } from '@atlaskit/theme/constants'; // AFP-2532 TODO: Fix automatic suppressions below
@@ -21,9 +20,9 @@ export var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
21
20
  return "".concat(px / 16, "rem");
22
21
  };
23
22
  var listItemBaseStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n padding: ", "px ", "px;\n margin: 0 -", "px;\n cursor: pointer;\n"])), gridSize(), gridSize() * 2, gridSize() * 2);
24
- var listItemBoxShadow = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n box-shadow: inset 2px 0px 0px ", ";\n"])), token('color.border.selected', B400));
25
- var listItemActive = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n background-color: ", ";\n"])), token('color.background.neutral.subtle.hovered', N20));
26
- var listItemSelected = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n background-color: ", ";\n"])), token('color.background.selected', B50));
23
+ var listItemBoxShadow = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n box-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-border-selected, ".concat(B400, ")"));
24
+ var listItemActive = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n background-color: ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"));
25
+ var listItemSelected = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n background-color: ", ";\n"])), "var(--ds-background-selected, ".concat(B50, ")"));
27
26
  export var composeListItemStyles = function composeListItemStyles() {
28
27
  var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
29
28
  var selected = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -31,8 +30,8 @@ export var composeListItemStyles = function composeListItemStyles() {
31
30
  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", ";\n ", ";\n ", ";\n ", ";\n "])), listItemBaseStyles, active && listItemActive, selected && listItemSelected, hasShadow && listItemBoxShadow);
32
31
  };
33
32
  export var itemNameStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n overflow: hidden;\n"])));
34
- export var listItemNameStyles = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 20px;\n"])), token('color.text', N800));
35
- export var listItemContextStyles = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n color: ", ";\n font-size: ", ";\n line-height: ", "px;\n display: flex;\n"])), token('color.text', N300), relativeFontSizeToBase16(fontSizeSmall()), fontSize());
33
+ export var listItemNameStyles = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 20px;\n"])), "var(--ds-text, ".concat(N800, ")"));
34
+ export var listItemContextStyles = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n color: ", ";\n font-size: ", ";\n line-height: ", "px;\n display: flex;\n"])), "var(--ds-text, ".concat(N300, ")"), relativeFontSizeToBase16(fontSizeSmall()), fontSize());
36
35
  export var listItemContainerStyles = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
37
36
  export var listItemContainerInnerStyles = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n white-space: nowrap;\n"])));
38
37
  export var itemIconStyles = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n min-width: ", "px;\n margin-top: 3px;\n margin-right: 12px;\n"])), gridSize() * 2);
@@ -2,7 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
4
4
 
5
- import { token } from '@atlaskit/tokens';
6
5
  import { css } from '@emotion/react';
7
6
  import { N500 } from '@atlaskit/theme/colors';
8
7
  import { gridSize as getGridSize } from '@atlaskit/theme/constants';
@@ -15,7 +14,7 @@ var gridSize = getGridSize();
15
14
 
16
15
  export var rootContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: ", "px;\n padding: ", "px ", "px ", "px;\n box-sizing: border-box;\n line-height: initial;\n min-height: ", "px;\n"])), LINK_PICKER_WIDTH_IN_PX, gridSize, gridSize * 2, gridSize * 2, LINK_PICKER_MIN_HEIGHT_IN_PX);
17
16
  export var rootContainerStylesForLoader = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n display: flex;\n align-items: center;\n justify-content: center;\n"])), rootContainerStyles);
18
- export var searchIconStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-left: ", "px;\n color: ", ";\n cursor: default;\n"])), gridSize / 2, token('color.icon', N500));
17
+ export var searchIconStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-left: ", "px;\n color: ", ";\n cursor: default;\n"])), gridSize / 2, "var(--ds-icon, ".concat(N500, ")"));
19
18
  export var tabsWrapperStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-top: ", "px;\n margin-left: -", "px;\n margin-right: -", "px;\n"])), gridSize * 1.5, gridSize, gridSize);
20
19
  export var flexColumnStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
21
20
  export var formFooterMargin = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n margin-top: ", "px;\n"])), gridSize * 2);
@@ -2,9 +2,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2;
4
4
 
5
- import { token } from '@atlaskit/tokens';
6
5
  import { css } from '@emotion/react';
7
6
  import { N500 } from '@atlaskit/theme/colors';
8
7
  import { gridSize } from '@atlaskit/theme/constants';
9
- export var clearTextButtonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 0;\n margin-right: ", "px;\n color: ", ";\n background: transparent;\n border: none;\n cursor: pointer;\n"])), gridSize() / 2, token('color.icon.subtle', N500));
8
+ export var clearTextButtonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 0;\n margin-right: ", "px;\n color: ", ";\n background: transparent;\n border: none;\n cursor: pointer;\n"])), gridSize() / 2, "var(--ds-icon-subtle, ".concat(N500, ")"));
10
9
  export var fieldStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n & + & {\n margin-top: ", "px;\n }\n"])), gridSize() * 2);
@@ -1,5 +1,4 @@
1
1
  import { css } from '@emotion/react';
2
- import { token } from '@atlaskit/tokens';
3
2
  import { N0, N30 } from '@atlaskit/theme/colors';
4
3
  export var scrollingContainerStyles = css({
5
4
  overflowX: 'auto',
@@ -19,7 +18,7 @@ export var scrollingContainerStyles = css({
19
18
  left: 8,
20
19
  right: 8,
21
20
  height: 2,
22
- backgroundColor: token('color.border', N30)
21
+ backgroundColor: "var(--ds-border, ".concat(N30, ")")
23
22
  }
24
23
  });
25
24
  export var containerStyles = css({
@@ -39,7 +38,7 @@ export var buttonContainerStyles = css({
39
38
  position: 'absolute',
40
39
  top: 4,
41
40
  zIndex: 999,
42
- backgroundColor: token('elevation.surface', N0)
41
+ backgroundColor: "var(--ds-surface, ".concat(N0, ")")
43
42
  });
44
43
  export var backButtonStyles = css([buttonContainerStyles, {
45
44
  left: 0
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "1.16.5",
3
+ "version": "1.16.6",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "1.16.5",
3
+ "version": "1.16.6",
4
4
  "description": "Standalone link picker",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "publishConfig": {