@atlaskit/link-picker 1.16.5 → 1.16.7

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/link-picker
 
+## 1.16.7
+
+### Patch Changes
+
+- [`10410539ac9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/10410539ac9) - Url utils added (normalizeURL and isSafeUrl). Available to export
+- Updated dependencies
+
+## 1.16.6
+
+### Patch Changes
+
+- [`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.
+
 ## 1.16.5
 
 ### Patch Changes

package/dist/cjs/common/analytics/context.js

@@ -22,7 +22,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _constants = require("../constants");
 
-var _url = require("../utils/url");
+var _url = require("@atlaskit/linking-common/url");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 

package/dist/cjs/services/use-search-query/index.js

@@ -7,7 +7,7 @@ exports.useSearchQuery = useSearchQuery;
 
 var _react = require("react");
 
-var _url = require("../../common/utils/url");
+var _url = require("@atlaskit/linking-common/url");
 
 function useSearchQuery(state) {
   var _queryState$current;

package/dist/cjs/ui/link-picker/form-footer/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.checkSubmitDisabled = void 0;
 
-var _url = require("../../../common/utils/url");
+var _url = require("@atlaskit/linking-common/url");
 
 var checkSubmitDisabled = function checkSubmitDisabled(isLoading, error, state, items) {
   /*

package/dist/cjs/ui/link-picker/index.js

@@ -37,7 +37,7 @@ var _constants = require("../../common/constants");
 
 var _analytics2 = require("../../common/analytics");
 
-var _url2 = require("../../common/utils/url");
+var _url2 = require("@atlaskit/linking-common/url");
 
 var _usePlugins2 = require("../../services/use-plugins");
 

package/dist/cjs/ui/link-picker/list-item/styled.js

@@ -9,8 +9,6 @@ exports.relativeFontSizeToBase16 = exports.listItemNameStyles = exports.listItem
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _tokens = require("@atlaskit/tokens");
-
 var _react = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
@@ -35,9 +33,9 @@ var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
 
 exports.relativeFontSizeToBase16 = relativeFontSizeToBase16;
 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);
-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));
-var listItemActive = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), (0, _tokens.token)('color.background.neutral.subtle.hovered', _colors.N20));
-var listItemSelected = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), (0, _tokens.token)('color.background.selected', _colors.B50));
+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, ")"));
+var listItemActive = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"));
+var listItemSelected = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), "var(--ds-background-selected, ".concat(_colors.B50, ")"));
 
 var composeListItemStyles = function composeListItemStyles() {
   var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -49,9 +47,9 @@ var composeListItemStyles = function composeListItemStyles() {
 exports.composeListItemStyles = composeListItemStyles;
 var itemNameStyles = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n"])));
 exports.itemNameStyles = itemNameStyles;
-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));
+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, ")"));
 exports.listItemNameStyles = listItemNameStyles;
-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)());
+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)());
 exports.listItemContextStyles = listItemContextStyles;
 var listItemContainerStyles = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
 exports.listItemContainerStyles = listItemContainerStyles;

package/dist/cjs/ui/link-picker/styled.js

@@ -9,8 +9,6 @@ exports.tabsWrapperStyles = exports.searchIconStyles = exports.rootContainerStyl
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _tokens = require("@atlaskit/tokens");
-
 var _react = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
@@ -30,7 +28,7 @@ var rootContainerStyles = (0, _react.css)(_templateObject || (_templateObject =
 exports.rootContainerStyles = rootContainerStyles;
 var rootContainerStylesForLoader = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), rootContainerStyles);
 exports.rootContainerStylesForLoader = rootContainerStylesForLoader;
-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));
+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, ")"));
 exports.searchIconStyles = searchIconStyles;
 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);
 exports.tabsWrapperStyles = tabsWrapperStyles;

package/dist/cjs/ui/link-picker/text-input/styled.js

@@ -9,8 +9,6 @@ exports.fieldStyles = exports.clearTextButtonStyles = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _tokens = require("@atlaskit/tokens");
-
 var _react = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
@@ -19,7 +17,7 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _templateObject, _templateObject2;
 
-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));
+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, ")"));
 exports.clearTextButtonStyles = clearTextButtonStyles;
 var fieldStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  & + & {\n    margin-top: ", "px;\n  }\n"])), (0, _constants.gridSize)() * 2);
 exports.fieldStyles = fieldStyles;

package/dist/cjs/ui/scrolling-tabs/styles.js

@@ -7,8 +7,6 @@ exports.scrollingContainerStyles = exports.nextButtonStyles = exports.containerS
 
 var _react = require("@emotion/react");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _colors = require("@atlaskit/theme/colors");
 
 var scrollingContainerStyles = (0, _react.css)({
@@ -29,7 +27,7 @@ var scrollingContainerStyles = (0, _react.css)({
     left: 8,
     right: 8,
     height: 2,
-    backgroundColor: (0, _tokens.token)('color.border', _colors.N30)
+    backgroundColor: "var(--ds-border, ".concat(_colors.N30, ")")
   }
 });
 exports.scrollingContainerStyles = scrollingContainerStyles;
@@ -51,7 +49,7 @@ var buttonContainerStyles = (0, _react.css)({
   position: 'absolute',
   top: 4,
   zIndex: 999,
-  backgroundColor: (0, _tokens.token)('elevation.surface', _colors.N0)
+  backgroundColor: "var(--ds-surface, ".concat(_colors.N0, ")")
 });
 exports.buttonContainerStyles = buttonContainerStyles;
 var backButtonStyles = (0, _react.css)([buttonContainerStyles, {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.16.5",
+	"version": "1.16.7",
 	"sideEffects": false
 }

package/dist/es2019/common/analytics/context.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useContext, useMemo, useRef, useState } from 'react';
 import { AnalyticsListener } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../constants';
-import { normalizeUrl } from '../utils/url';
+import { normalizeUrl } from '@atlaskit/linking-common/url';
 const DEFAULT_CONTEXT_ATTRIBUTES = {
   linkState: 'newLink',
   linkFieldContent: null,

package/dist/es2019/services/use-search-query/index.js

@@ -1,5 +1,5 @@
 import { useRef } from 'react';
-import { isSafeUrl } from '../../common/utils/url';
+import { isSafeUrl } from '@atlaskit/linking-common/url';
 export function useSearchQuery(state) {
   var _queryState$current;
 

package/dist/es2019/ui/link-picker/form-footer/utils.js

@@ -1,4 +1,4 @@
-import { normalizeUrl } from '../../../common/utils/url';
+import { normalizeUrl } from '@atlaskit/linking-common/url';
 export const checkSubmitDisabled = (isLoading, error, state, items) => {
   /*
    * Enable insert when search term is a valid url and it can be normalized

package/dist/es2019/ui/link-picker/index.js

@@ -11,7 +11,7 @@ import VisuallyHidden from '@atlaskit/visually-hidden';
 import createEventPayload from '../../analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { useLinkPickerAnalytics, withInputFieldTracking, withLinkPickerAnalyticsContext } from '../../common/analytics';
-import { normalizeUrl, isSafeUrl } from '../../common/utils/url';
+import { normalizeUrl, isSafeUrl } from '@atlaskit/linking-common/url';
 import { usePlugins } from '../../services/use-plugins';
 import { useSearchQuery } from '../../services/use-search-query';
 import useFixHeight from '../../controllers/use-fix-height';

package/dist/es2019/ui/link-picker/list-item/styled.js

@@ -1,4 +1,3 @@
-import { token } from '@atlaskit/tokens';
 import { css } from '@emotion/react';
 import { B50, N300, N800, N20, B400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants'; // AFP-2532 TODO: Fix automatic suppressions below
@@ -23,13 +22,13 @@ const listItemBaseStyles = css`
   cursor: pointer;
 `;
 const listItemBoxShadow = css`
-  box-shadow: inset 2px 0px 0px ${token('color.border.selected', B400)};
+  box-shadow: inset 2px 0px 0px ${`var(--ds-border-selected, ${B400})`};
 `;
 const listItemActive = css`
-  background-color: ${token('color.background.neutral.subtle.hovered', N20)};
+  background-color: ${`var(--ds-background-neutral-subtle-hovered, ${N20})`};
 `;
 const listItemSelected = css`
-  background-color: ${token('color.background.selected', B50)};
+  background-color: ${`var(--ds-background-selected, ${B50})`};
 `;
 export const composeListItemStyles = (active = false, selected = false) => {
   const hasShadow = active || selected;
@@ -44,14 +43,14 @@ export const itemNameStyles = css`
   overflow: hidden;
 `;
 export const listItemNameStyles = css`
-  color: ${token('color.text', N800)};
+  color: ${`var(--ds-text, ${N800})`};
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   line-height: 20px;
 `;
 export const listItemContextStyles = css`
-  color: ${token('color.text', N300)};
+  color: ${`var(--ds-text, ${N300})`};
   font-size: ${relativeFontSizeToBase16(fontSizeSmall())};
   line-height: ${fontSize()}px;
   display: flex;

package/dist/es2019/ui/link-picker/styled.js

@@ -1,4 +1,3 @@
-import { token } from '@atlaskit/tokens';
 import { css } from '@emotion/react';
 import { N500 } from '@atlaskit/theme/colors';
 import { gridSize as getGridSize } from '@atlaskit/theme/constants';
@@ -24,7 +23,7 @@ export const rootContainerStylesForLoader = css`
 `;
 export const searchIconStyles = css`
   margin-left: ${gridSize / 2}px;
-  color: ${token('color.icon', N500)};
+  color: ${`var(--ds-icon, ${N500})`};
   cursor: default;
 `;
 export const tabsWrapperStyles = css`

package/dist/es2019/ui/link-picker/text-input/styled.js

@@ -1,11 +1,10 @@
-import { token } from '@atlaskit/tokens';
 import { css } from '@emotion/react';
 import { N500 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
 export const clearTextButtonStyles = css`
   padding: 0;
   margin-right: ${gridSize() / 2}px;
-  color: ${token('color.icon.subtle', N500)};
+  color: ${`var(--ds-icon-subtle, ${N500})`};
   background: transparent;
   border: none;
   cursor: pointer;

package/dist/es2019/ui/scrolling-tabs/styles.js

@@ -1,5 +1,4 @@
 import { css } from '@emotion/react';
-import { token } from '@atlaskit/tokens';
 import { N0, N30 } from '@atlaskit/theme/colors';
 export const scrollingContainerStyles = css({
   overflowX: 'auto',
@@ -19,7 +18,7 @@ export const scrollingContainerStyles = css({
     left: 8,
     right: 8,
     height: 2,
-    backgroundColor: token('color.border', N30)
+    backgroundColor: `var(--ds-border, ${N30})`
   }
 });
 export const containerStyles = css({
@@ -39,7 +38,7 @@ export const buttonContainerStyles = css({
   position: 'absolute',
   top: 4,
   zIndex: 999,
-  backgroundColor: token('elevation.surface', N0)
+  backgroundColor: `var(--ds-surface, ${N0})`
 });
 export const backButtonStyles = css([buttonContainerStyles, {
   left: 0

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.16.5",
+	"version": "1.16.7",
 	"sideEffects": false
 }

package/dist/esm/common/analytics/context.js

@@ -9,7 +9,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React, { useCallback, useContext, useMemo, useRef, useState } from 'react';
 import { AnalyticsListener } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../constants';
-import { normalizeUrl } from '../utils/url';
+import { normalizeUrl } from '@atlaskit/linking-common/url';
 var DEFAULT_CONTEXT_ATTRIBUTES = {
   linkState: 'newLink',
   linkFieldContent: null,

package/dist/esm/services/use-search-query/index.js

@@ -1,5 +1,5 @@
 import { useRef } from 'react';
-import { isSafeUrl } from '../../common/utils/url';
+import { isSafeUrl } from '@atlaskit/linking-common/url';
 export function useSearchQuery(state) {
   var _queryState$current;
 

package/dist/esm/ui/link-picker/form-footer/utils.js

@@ -1,4 +1,4 @@
-import { normalizeUrl } from '../../../common/utils/url';
+import { normalizeUrl } from '@atlaskit/linking-common/url';
 export var checkSubmitDisabled = function checkSubmitDisabled(isLoading, error, state, items) {
   /*
    * Enable insert when search term is a valid url and it can be normalized

package/dist/esm/ui/link-picker/index.js

@@ -19,7 +19,7 @@ import VisuallyHidden from '@atlaskit/visually-hidden';
 import createEventPayload from '../../analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { useLinkPickerAnalytics, withInputFieldTracking, withLinkPickerAnalyticsContext } from '../../common/analytics';
-import { normalizeUrl, isSafeUrl } from '../../common/utils/url';
+import { normalizeUrl, isSafeUrl } from '@atlaskit/linking-common/url';
 import { usePlugins } from '../../services/use-plugins';
 import { useSearchQuery } from '../../services/use-search-query';
 import useFixHeight from '../../controllers/use-fix-height';

package/dist/esm/ui/link-picker/list-item/styled.js

@@ -2,7 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 
-import { token } from '@atlaskit/tokens';
 import { css } from '@emotion/react';
 import { B50, N300, N800, N20, B400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants'; // AFP-2532 TODO: Fix automatic suppressions below
@@ -21,9 +20,9 @@ export var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
   return "".concat(px / 16, "rem");
 };
 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);
-var listItemBoxShadow = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  box-shadow: inset 2px 0px 0px ", ";\n"])), token('color.border.selected', B400));
-var listItemActive = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), token('color.background.neutral.subtle.hovered', N20));
-var listItemSelected = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), token('color.background.selected', B50));
+var listItemBoxShadow = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  box-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-border-selected, ".concat(B400, ")"));
+var listItemActive = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"));
+var listItemSelected = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), "var(--ds-background-selected, ".concat(B50, ")"));
 export var composeListItemStyles = function composeListItemStyles() {
   var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var selected = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -31,8 +30,8 @@ export var composeListItemStyles = function composeListItemStyles() {
   return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  "])), listItemBaseStyles, active && listItemActive, selected && listItemSelected, hasShadow && listItemBoxShadow);
 };
 export var itemNameStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
-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));
-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());
+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, ")"));
+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());
 export var listItemContainerStyles = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
 export var listItemContainerInnerStyles = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  white-space: nowrap;\n"])));
 export var itemIconStyles = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  min-width: ", "px;\n  margin-top: 3px;\n  margin-right: 12px;\n"])), gridSize() * 2);

package/dist/esm/ui/link-picker/styled.js

@@ -2,7 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
-import { token } from '@atlaskit/tokens';
 import { css } from '@emotion/react';
 import { N500 } from '@atlaskit/theme/colors';
 import { gridSize as getGridSize } from '@atlaskit/theme/constants';
@@ -15,7 +14,7 @@ var gridSize = getGridSize();
 
 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);
 export var rootContainerStylesForLoader = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), rootContainerStyles);
-export var searchIconStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-left: ", "px;\n  color: ", ";\n  cursor: default;\n"])), gridSize / 2, token('color.icon', N500));
+export var searchIconStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-left: ", "px;\n  color: ", ";\n  cursor: default;\n"])), gridSize / 2, "var(--ds-icon, ".concat(N500, ")"));
 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);
 export var flexColumnStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
 export var formFooterMargin = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n"])), gridSize * 2);

package/dist/esm/ui/link-picker/text-input/styled.js

@@ -2,9 +2,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2;
 
-import { token } from '@atlaskit/tokens';
 import { css } from '@emotion/react';
 import { N500 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
-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));
+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, ")"));
 export var fieldStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  & + & {\n    margin-top: ", "px;\n  }\n"])), gridSize() * 2);

package/dist/esm/ui/scrolling-tabs/styles.js

@@ -1,5 +1,4 @@
 import { css } from '@emotion/react';
-import { token } from '@atlaskit/tokens';
 import { N0, N30 } from '@atlaskit/theme/colors';
 export var scrollingContainerStyles = css({
   overflowX: 'auto',
@@ -19,7 +18,7 @@ export var scrollingContainerStyles = css({
     left: 8,
     right: 8,
     height: 2,
-    backgroundColor: token('color.border', N30)
+    backgroundColor: "var(--ds-border, ".concat(N30, ")")
   }
 });
 export var containerStyles = css({
@@ -39,7 +38,7 @@ export var buttonContainerStyles = css({
   position: 'absolute',
   top: 4,
   zIndex: 999,
-  backgroundColor: token('elevation.surface', N0)
+  backgroundColor: "var(--ds-surface, ".concat(N0, ")")
 });
 export var backButtonStyles = css([buttonContainerStyles, {
   left: 0

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.16.5",
+	"version": "1.16.7",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.16.5",
+  "version": "1.16.7",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -37,6 +37,7 @@
     "@atlaskit/form": "^8.8.0",
     "@atlaskit/frontend-utilities": "^2.1.0",
     "@atlaskit/icon": "^21.11.0",
+    "@atlaskit/linking-common": "^1.17.0",
     "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/tabs": "^13.3.0",
     "@atlaskit/textfield": "^5.3.0",
@@ -49,7 +50,6 @@
     "@emotion/react": "^11.7.1",
     "@react-loosely-lazy/manifest": "^1.0.0",
     "date-fns": "^2.17.0",
-    "linkify-it": "^2.0.3",
     "react-loosely-lazy": "^1.0.0",
     "use-debounce": "^3.4.0",
     "uuid": "^3.1.0"

package/dist/cjs/common/utils/url.js

@@ -1,104 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isSafeUrl = void 0;
-exports.normalizeUrl = normalizeUrl;
-
-var _linkifyIt = _interopRequireDefault(require("linkify-it"));
-
-/**
- * This file has been duplicated in packages/editor/adf-schema/src/utils/url.ts
- * Any changes made here should be mirrored there.
- */
-var linkify = (0, _linkifyIt.default)();
-linkify.add('sourcetree:', 'http:');
-linkify.add('jamfselfservice:', 'http:');
-var tlds = 'biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|рф'.split('|');
-var tlds2Char = 'a[cdefgilmnoqrtuwxz]|b[abdefghijmnorstvwyz]|c[acdfghiklmnoruvwxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[abdefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnprwyz]|l[abcikrstuvy]|m[acdeghklmnopqrtuvwxyz]|n[acefgilopruz]|om|p[aefghkmnrtw]|qa|r[eosuw]|s[abcdegijklmnrtuvxyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[et]|z[amw]';
-tlds.push(tlds2Char);
-linkify.tlds(tlds, false);
-var whitelistedURLPatterns = [/^https?:\/\/[^\s]*$/im, /^ftps?:\/\//im, /^jamfselfservice:\/\/[^\s]*$/im, /^\//im, /^mailto:/im, /^skype:/im, /^callto:[^\s]*$/im, /^facetime:[^\s]*$/im, /^git:/im, /^irc6?:/im, /^news:/im, /^nntp:/im, /^feed:/im, /^cvs:/im, /^svn:/im, /^mvn:/im, /^ssh:/im, /^scp:\/\//im, /^sftp:\/\//im, /^itms:/im, /^notes:/im, /^hipchat:\/\//im, /^sourcetree:/im, /^urn:/im, /^tel:/im, /^xmpp:/im, /^telnet:/im, /^vnc:/im, /^rdp:/im, /^whatsapp:/im, /^slack:/im, /^sips?:/im, /^magnet:/im, /^foo:/im, /^#/im];
-
-var normaliseLinkHref = function normaliseLinkHref(url) {
-  var match = getLinkMatch(url);
-  return match && match.url || null;
-};
-
-var getLinkMatch = function getLinkMatch(str) {
-  if (!str) {
-    return null;
-  }
-
-  var match = linkifyMatch(str);
-
-  if (!match.length) {
-    match = linkify.match(str);
-  }
-
-  return match && match.length > 0 && match[0].index === 0 && match[0].lastIndex === str.trim().length ? match[0] : null;
-};
-
-var LINK_REGEXP = /(https?|ftp|jamfselfservice):\/\/[^\s]+/;
-
-var linkifyMatch = function linkifyMatch(text) {
-  var matches = [];
-
-  if (!LINK_REGEXP.test(text)) {
-    return matches;
-  }
-
-  var startpos = 0;
-  var substr;
-
-  while (substr = text.substr(startpos)) {
-    var link = (substr.match(LINK_REGEXP) || [''])[0];
-
-    if (link) {
-      var index = substr.search(LINK_REGEXP);
-      var start = index >= 0 ? index + startpos : index;
-      var end = start + link.length;
-      matches.push({
-        index: start,
-        lastIndex: end,
-        raw: link,
-        url: link,
-        text: link,
-        schema: ''
-      });
-      startpos += end;
-    } else {
-      break;
-    }
-  }
-
-  return matches;
-};
-
-var isSafeUrl = function isSafeUrl(url) {
-  var urlTrimmed = url.trim();
-  return whitelistedURLPatterns.some(function (p) {
-    return p.test(urlTrimmed);
-  });
-};
-/**
- * Adds protocol to url if needed.
- */
-
-
-exports.isSafeUrl = isSafeUrl;
-
-function normalizeUrl(url) {
-  if (!url) {
-    return '';
-  }
-
-  if (isSafeUrl(url)) {
-    return url.trim();
-  }
-
-  return normaliseLinkHref(url);
-}

package/dist/es2019/common/utils/url.js

@@ -1,88 +0,0 @@
-/**
- * This file has been duplicated in packages/editor/adf-schema/src/utils/url.ts
- * Any changes made here should be mirrored there.
- */
-import LinkifyIt from 'linkify-it';
-const linkify = LinkifyIt();
-linkify.add('sourcetree:', 'http:');
-linkify.add('jamfselfservice:', 'http:');
-const tlds = 'biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|рф'.split('|');
-const tlds2Char = 'a[cdefgilmnoqrtuwxz]|b[abdefghijmnorstvwyz]|c[acdfghiklmnoruvwxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[abdefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnprwyz]|l[abcikrstuvy]|m[acdeghklmnopqrtuvwxyz]|n[acefgilopruz]|om|p[aefghkmnrtw]|qa|r[eosuw]|s[abcdegijklmnrtuvxyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[et]|z[amw]';
-tlds.push(tlds2Char);
-linkify.tlds(tlds, false);
-const whitelistedURLPatterns = [/^https?:\/\/[^\s]*$/im, /^ftps?:\/\//im, /^jamfselfservice:\/\/[^\s]*$/im, /^\//im, /^mailto:/im, /^skype:/im, /^callto:[^\s]*$/im, /^facetime:[^\s]*$/im, /^git:/im, /^irc6?:/im, /^news:/im, /^nntp:/im, /^feed:/im, /^cvs:/im, /^svn:/im, /^mvn:/im, /^ssh:/im, /^scp:\/\//im, /^sftp:\/\//im, /^itms:/im, /^notes:/im, /^hipchat:\/\//im, /^sourcetree:/im, /^urn:/im, /^tel:/im, /^xmpp:/im, /^telnet:/im, /^vnc:/im, /^rdp:/im, /^whatsapp:/im, /^slack:/im, /^sips?:/im, /^magnet:/im, /^foo:/im, /^#/im];
-
-const normaliseLinkHref = url => {
-  const match = getLinkMatch(url);
-  return match && match.url || null;
-};
-
-const getLinkMatch = str => {
-  if (!str) {
-    return null;
-  }
-
-  let match = linkifyMatch(str);
-
-  if (!match.length) {
-    match = linkify.match(str);
-  }
-
-  return match && match.length > 0 && match[0].index === 0 && match[0].lastIndex === str.trim().length ? match[0] : null;
-};
-
-const LINK_REGEXP = /(https?|ftp|jamfselfservice):\/\/[^\s]+/;
-
-const linkifyMatch = text => {
-  const matches = [];
-
-  if (!LINK_REGEXP.test(text)) {
-    return matches;
-  }
-
-  let startpos = 0;
-  let substr;
-
-  while (substr = text.substr(startpos)) {
-    const link = (substr.match(LINK_REGEXP) || [''])[0];
-
-    if (link) {
-      const index = substr.search(LINK_REGEXP);
-      const start = index >= 0 ? index + startpos : index;
-      const end = start + link.length;
-      matches.push({
-        index: start,
-        lastIndex: end,
-        raw: link,
-        url: link,
-        text: link,
-        schema: ''
-      });
-      startpos += end;
-    } else {
-      break;
-    }
-  }
-
-  return matches;
-};
-
-export const isSafeUrl = url => {
-  const urlTrimmed = url.trim();
-  return whitelistedURLPatterns.some(p => p.test(urlTrimmed));
-};
-/**
- * Adds protocol to url if needed.
- */
-
-export function normalizeUrl(url) {
-  if (!url) {
-    return '';
-  }
-
-  if (isSafeUrl(url)) {
-    return url.trim();
-  }
-
-  return normaliseLinkHref(url);
-}

package/dist/esm/common/utils/url.js

@@ -1,90 +0,0 @@
-/**
- * This file has been duplicated in packages/editor/adf-schema/src/utils/url.ts
- * Any changes made here should be mirrored there.
- */
-import LinkifyIt from 'linkify-it';
-var linkify = LinkifyIt();
-linkify.add('sourcetree:', 'http:');
-linkify.add('jamfselfservice:', 'http:');
-var tlds = 'biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|рф'.split('|');
-var tlds2Char = 'a[cdefgilmnoqrtuwxz]|b[abdefghijmnorstvwyz]|c[acdfghiklmnoruvwxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[abdefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnprwyz]|l[abcikrstuvy]|m[acdeghklmnopqrtuvwxyz]|n[acefgilopruz]|om|p[aefghkmnrtw]|qa|r[eosuw]|s[abcdegijklmnrtuvxyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[et]|z[amw]';
-tlds.push(tlds2Char);
-linkify.tlds(tlds, false);
-var whitelistedURLPatterns = [/^https?:\/\/[^\s]*$/im, /^ftps?:\/\//im, /^jamfselfservice:\/\/[^\s]*$/im, /^\//im, /^mailto:/im, /^skype:/im, /^callto:[^\s]*$/im, /^facetime:[^\s]*$/im, /^git:/im, /^irc6?:/im, /^news:/im, /^nntp:/im, /^feed:/im, /^cvs:/im, /^svn:/im, /^mvn:/im, /^ssh:/im, /^scp:\/\//im, /^sftp:\/\//im, /^itms:/im, /^notes:/im, /^hipchat:\/\//im, /^sourcetree:/im, /^urn:/im, /^tel:/im, /^xmpp:/im, /^telnet:/im, /^vnc:/im, /^rdp:/im, /^whatsapp:/im, /^slack:/im, /^sips?:/im, /^magnet:/im, /^foo:/im, /^#/im];
-
-var normaliseLinkHref = function normaliseLinkHref(url) {
-  var match = getLinkMatch(url);
-  return match && match.url || null;
-};
-
-var getLinkMatch = function getLinkMatch(str) {
-  if (!str) {
-    return null;
-  }
-
-  var match = linkifyMatch(str);
-
-  if (!match.length) {
-    match = linkify.match(str);
-  }
-
-  return match && match.length > 0 && match[0].index === 0 && match[0].lastIndex === str.trim().length ? match[0] : null;
-};
-
-var LINK_REGEXP = /(https?|ftp|jamfselfservice):\/\/[^\s]+/;
-
-var linkifyMatch = function linkifyMatch(text) {
-  var matches = [];
-
-  if (!LINK_REGEXP.test(text)) {
-    return matches;
-  }
-
-  var startpos = 0;
-  var substr;
-
-  while (substr = text.substr(startpos)) {
-    var link = (substr.match(LINK_REGEXP) || [''])[0];
-
-    if (link) {
-      var index = substr.search(LINK_REGEXP);
-      var start = index >= 0 ? index + startpos : index;
-      var end = start + link.length;
-      matches.push({
-        index: start,
-        lastIndex: end,
-        raw: link,
-        url: link,
-        text: link,
-        schema: ''
-      });
-      startpos += end;
-    } else {
-      break;
-    }
-  }
-
-  return matches;
-};
-
-export var isSafeUrl = function isSafeUrl(url) {
-  var urlTrimmed = url.trim();
-  return whitelistedURLPatterns.some(function (p) {
-    return p.test(urlTrimmed);
-  });
-};
-/**
- * Adds protocol to url if needed.
- */
-
-export function normalizeUrl(url) {
-  if (!url) {
-    return '';
-  }
-
-  if (isSafeUrl(url)) {
-    return url.trim();
-  }
-
-  return normaliseLinkHref(url);
-}

package/dist/types/common/utils/url.d.ts

@@ -1,5 +0,0 @@
-export declare const isSafeUrl: (url: string) => boolean;
-/**
- * Adds protocol to url if needed.
- */
-export declare function normalizeUrl(url?: string | null): string | null;