@atlaskit/link-picker 1.16.4 → 1.16.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-picker
 
+## 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
+
+- [`3a35da6c331`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a35da6c331) - DTR-825 ED-9775: added jamfselfservice:// to whitelistedURLPatterns
+
 ## 1.16.4
 
 ### Patch Changes

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

@@ -10,13 +10,18 @@ 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, /^\//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 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);
@@ -37,7 +42,7 @@ var getLinkMatch = function getLinkMatch(str) {
   return match && match.length > 0 && match[0].index === 0 && match[0].lastIndex === str.trim().length ? match[0] : null;
 };
 
-var LINK_REGEXP = /(https?|ftp):\/\/[^\s]+/;
+var LINK_REGEXP = /(https?|ftp|jamfselfservice):\/\/[^\s]+/;
 
 var linkifyMatch = function linkifyMatch(text) {
   var matches = [];

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.4",
+	"version": "1.16.6",
 	"sideEffects": false
 }

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

@@ -1,11 +1,16 @@
+/**
+ * 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, /^\//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 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);
@@ -26,7 +31,7 @@ const getLinkMatch = str => {
   return match && match.length > 0 && match[0].index === 0 && match[0].lastIndex === str.trim().length ? match[0] : null;
 };
 
-const LINK_REGEXP = /(https?|ftp):\/\/[^\s]+/;
+const LINK_REGEXP = /(https?|ftp|jamfselfservice):\/\/[^\s]+/;
 
 const linkifyMatch = text => {
   const matches = [];

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.4",
+	"version": "1.16.6",
 	"sideEffects": false
 }

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

@@ -1,11 +1,16 @@
+/**
+ * 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, /^\//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 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);
@@ -26,7 +31,7 @@ var getLinkMatch = function getLinkMatch(str) {
   return match && match.length > 0 && match[0].index === 0 && match[0].lastIndex === str.trim().length ? match[0] : null;
 };
 
-var LINK_REGEXP = /(https?|ftp):\/\/[^\s]+/;
+var LINK_REGEXP = /(https?|ftp|jamfselfservice):\/\/[^\s]+/;
 
 var linkifyMatch = function linkifyMatch(text) {
   var matches = [];

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.4",
+	"version": "1.16.6",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.16.4",
+  "version": "1.16.6",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -61,8 +61,8 @@
   "devDependencies": {
     "@af/codegen": "*",
     "@atlaskit/activity-provider": "^2.3.2",
-    "@atlaskit/adf-schema": "^24.0.0",
-    "@atlaskit/adf-utils": "^17.1.4",
+    "@atlaskit/adf-schema": "^25.0.0",
+    "@atlaskit/adf-utils": "^18.0.0",
     "@atlaskit/docs": "*",
     "@atlaskit/link-analytics": "^2.0.0",
     "@atlaskit/link-provider": "^1.3.0",