@atlaskit/adf-schema 57.0.16 → 57.1.0

package/dist/es2019/utils/editor-palette.js

@@ -1,29 +1,5 @@
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-
-/**
- * This takes an adf hex color and returns a matching border palette color.
- *
- * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
- *
- * Example usage
- * ```tsx
- * const cssValue = hexToEditorBorderPaletteColor('#091E4224');
- * //     ^? const cssValue: string
- * <div style={{borderColor: cssValue}} />
- * ```
- * The names of tokens can change over time, and the values of tokens will differ between themes.
- * The exact output of this function is an implementation detail and should only be used when rendering
- * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
- * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
- * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
- */
-export function hexToEditorBorderPaletteColor(hexColor) {
-  // Ts ignore was used to allow use of conditional return type
-  // (preferencing better type on consumption over safety in implementation)
-  // @ts-expect-error
-  return hexColor ? editorBorderPalette[hexColor.toUpperCase()] : undefined;
-}
 export const editorBorderPalette = {
   /** gray - subtle */
   '#091E4224': 'var(--ds-border, #091E4224)',
@@ -32,32 +8,6 @@ export const editorBorderPalette = {
   /** gray - bold */
   '#172B4D': 'var(--ds-text, #172B4D)'
 };
-
-/**
- * This takes an adf hex color and returns a matching text palette color.
- *
- * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
- *
- * Example usage
- * ```tsx
- * const cssValue = hexToTextPaletteColor('#0747A6');
- * //     ^? const cssValue: string
- * <span style={{textColor: cssValue}} />
- * ```
- * The names of tokens can change over time, and the values of tokens will differ between themes.
- * The exact output of this function is an implementation detail and should only be used when rendering
- * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
- * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
- * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
- */
-export function hexToEditorTextPaletteColor(hexColor) {
-  const normalizedHexColor = hexColor ? hexColor.toUpperCase() : undefined;
-
-  // Ts ignore was used to allow use of conditional return type
-  // (preferencing better type on consumption over safety in implementation)
-  // @ts-expect-error
-  return normalizedHexColor ? editorTextPalette[normalizedHexColor] : undefined;
-}
 export const editorTextPalette = {
   /** blue - light */
   '#B3D4FF': 'var(--ds-background-accent-blue-subtler, #B3D4FF)',
@@ -126,30 +76,6 @@ export const editorTextPalette = {
   /** yellow - strong */
   '#7F5F01': 'var(--ds-text-accent-yellow, #7F5F01)'
 };
-
-/**
- * This takes an ADF hex color and returns a matching text background palette color.
- *
- * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
- *
- * Example usage
- * ```tsx
- * const cssValue = hexToEditorTextBackgroundPaletteColor('#0747A6');
- * //     ^? const cssValue: string
- * <span style={{backgroundColor: cssValue}} />
- * ```
- * The names of tokens can change over time, and the values of tokens will differ between themes.
- * The exact output of this function is an implementation detail and should only be used when rendering
- * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
- * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
- * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
- */
-export function hexToEditorTextBackgroundPaletteColor(hexColor) {
-  // Ts ignore was used to allow use of conditional return type
-  // (preferring better type on consumption over safety in implementation)
-  // @ts-expect-error
-  return hexColor ? textBackgroundColorPalette[hexColor.toUpperCase()] : undefined;
-}
 export const textBackgroundColorPalette = {
   /** Gray - light */
   '#DCDFE4': 'var(--ds-background-accent-gray-subtler, #DCDFE4)',
@@ -172,26 +98,6 @@ export const textBackgroundColorPalette = {
   /** Green - light */
   '#ABF5D1': 'var(--ds-background-accent-green-subtler, #ABF5D1)'
 };
-/**
- * Takes an ADF hex color and returns the rendered hex code for the associated background palette design token using getTokenValue.
- * If the provided color does not exist in the Editor color palette, this function returns undefined.
- *
- * This should only be used when rendering content where CSS variables are not feasible, such as a non-CSS environment
- * or to enable cross-app copy/paste.
- *
- * WARNING: If the rendered theme changes (such as from light -> dark mode) the value returned here will no longer match
- * the surrounding UI and will need to be re-fetched.
- * In addition, the values of tokens will differ between themes and the value for a given theme can and will change.
- * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
- * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color.
- */
-export function hexToEditorBackgroundPaletteRawValue(hexColor) {
-  // Ts ignore was used to allow use of conditional return type
-  // (preferencing better type on consumption over safety in implementation)
-  const tokenData = hexColor ? editorBackgroundPalette[hexColor.toUpperCase()] : undefined;
-  // @ts-expect-error
-  return tokenData ? tokenData.getValue(hexColor) : undefined;
-}
 /**
  * Values are asserted to improve generated type declarations
  * Using object structure as getValue() function needed for table values, and other
@@ -385,5 +291,4 @@ export const editorBackgroundPalette = {
     getValue: () => '#B7B9BE',
     token: 'var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)'
   }
-};
-export {};
+};

package/dist/es2019/utils/expand-shorthand-hex.js

@@ -0,0 +1,2 @@
+const SHORTHAND_HEX_REGEX = /^#?([a-f\d])([a-f\d])([a-f\d])$/iu;
+export const expandShorthandHex = input => input.replace(SHORTHAND_HEX_REGEX, (_m, r, g, b) => r + r + g + g + b + b);

package/dist/es2019/utils/get-dark-mode-lch-color.js

@@ -0,0 +1,16 @@
+import { clampLightness } from './clamp-lightness';
+import { rgbFromHex } from './rgb-from-hex';
+import { rgbToLch } from './rgb-to-lch';
+const getLightness = color => {
+  const rgb = rgbFromHex(color);
+  if (rgb === null) {
+    return 0;
+  }
+  const lch = rgbToLch(rgb);
+  return lch.l;
+};
+export const getDarkModeLCHColor = currentBackgroundColor => {
+  const lightness = getLightness(currentBackgroundColor);
+  const newLightness = Math.abs(100 - lightness);
+  return clampLightness(currentBackgroundColor, newLightness).toUpperCase();
+};

package/dist/es2019/utils/get-extension-attrs.js

@@ -0,0 +1,20 @@
+import { isValidLayout } from './is-valid-layout';
+export const getExtensionAttrs = (dom, isInline = false) => {
+  const extensionType = dom.getAttribute('data-extension-type');
+  const extensionKey = dom.getAttribute('data-extension-key');
+  if (!extensionType || !extensionKey) {
+    return false;
+  }
+  const attrs = {
+    extensionType,
+    extensionKey,
+    text: dom.getAttribute('data-text') || undefined,
+    parameters: JSON.parse(dom.getAttribute('data-parameters') || '{}'),
+    localId: dom.getAttribute('data-local-id') || undefined
+  };
+  if (!isInline) {
+    const rawLayout = dom.getAttribute('data-layout');
+    attrs.layout = isValidLayout(rawLayout) ? rawLayout : 'default';
+  }
+  return attrs;
+};

package/dist/es2019/utils/get-link-match.js

@@ -0,0 +1,26 @@
+/**
+ * This file has been partially duplicated in packages/linking-platform/linking-common/src/url.ts
+ * Any changes made here should be mirrored there.
+ * Ticket for dedeplication: https://product-fabric.atlassian.net/browse/EDM-7138
+ * Ticket for fixing linkification of filename-like urls: https://product-fabric.atlassian.net/browse/EDM-7190
+ */
+
+import { linkifyMatch } from './linkify-match';
+import { linkify } from './url';
+/**
+ * Attempt to find a link match. Tries to use our regex search first.
+ * If this doesn't match (e.g. no protocol), try using linkify-it library.
+ * Returns null if url string empty or no string given, or if no match found.
+ */
+export function getLinkMatch(str) {
+  if (!str) {
+    return null;
+  }
+  // linkify-it mishandles closing braces on long urls, so we preference using our own regex first:
+  // https://product-fabric.atlassian.net/browse/ED-13669
+  let match = linkifyMatch(str);
+  if (!match.length) {
+    match = linkify.match(str);
+  }
+  return match && match[0];
+}

package/dist/es2019/utils/hex-to-editor-background-palette-raw-value.js

@@ -0,0 +1,21 @@
+import { editorBackgroundPalette } from './editor-palette';
+/**
+ * Takes an ADF hex color and returns the rendered hex code for the associated background palette design token using getTokenValue.
+ * If the provided color does not exist in the Editor color palette, this function returns undefined.
+ *
+ * This should only be used when rendering content where CSS variables are not feasible, such as a non-CSS environment
+ * or to enable cross-app copy/paste.
+ *
+ * WARNING: If the rendered theme changes (such as from light -> dark mode) the value returned here will no longer match
+ * the surrounding UI and will need to be re-fetched.
+ * In addition, the values of tokens will differ between themes and the value for a given theme can and will change.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color.
+ */
+export function hexToEditorBackgroundPaletteRawValue(hexColor) {
+  // Ts ignore was used to allow use of conditional return type
+  // (preferencing better type on consumption over safety in implementation)
+  const tokenData = hexColor ? editorBackgroundPalette[hexColor.toUpperCase()] : undefined;
+  // @ts-expect-error
+  return tokenData ? tokenData.getValue(hexColor) : undefined;
+}

package/dist/es2019/utils/hex-to-editor-border-palette-color.js

@@ -0,0 +1,24 @@
+import { editorBorderPalette } from './editor-palette';
+/**
+ * This takes an adf hex color and returns a matching border palette color.
+ *
+ * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
+ *
+ * Example usage
+ * ```tsx
+ * const cssValue = hexToEditorBorderPaletteColor('#091E4224');
+ * //     ^? const cssValue: string
+ * <div style={{borderColor: cssValue}} />
+ * ```
+ * The names of tokens can change over time, and the values of tokens will differ between themes.
+ * The exact output of this function is an implementation detail and should only be used when rendering
+ * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
+ */
+export function hexToEditorBorderPaletteColor(hexColor) {
+  // Ts ignore was used to allow use of conditional return type
+  // (preferencing better type on consumption over safety in implementation)
+  // @ts-expect-error
+  return hexColor ? editorBorderPalette[hexColor.toUpperCase()] : undefined;
+}

package/dist/es2019/utils/hex-to-editor-text-background-palette-color.js

@@ -0,0 +1,24 @@
+import { textBackgroundColorPalette } from './editor-palette';
+/**
+ * This takes an ADF hex color and returns a matching text background palette color.
+ *
+ * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
+ *
+ * Example usage
+ * ```tsx
+ * const cssValue = hexToEditorTextBackgroundPaletteColor('#0747A6');
+ * //     ^? const cssValue: string
+ * <span style={{backgroundColor: cssValue}} />
+ * ```
+ * The names of tokens can change over time, and the values of tokens will differ between themes.
+ * The exact output of this function is an implementation detail and should only be used when rendering
+ * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
+ */
+export function hexToEditorTextBackgroundPaletteColor(hexColor) {
+  // Ts ignore was used to allow use of conditional return type
+  // (preferring better type on consumption over safety in implementation)
+  // @ts-expect-error
+  return hexColor ? textBackgroundColorPalette[hexColor.toUpperCase()] : undefined;
+}

package/dist/es2019/utils/hex-to-editor-text-palette-color.js

@@ -0,0 +1,26 @@
+import { editorTextPalette } from './editor-palette';
+/**
+ * This takes an adf hex color and returns a matching text palette color.
+ *
+ * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
+ *
+ * Example usage
+ * ```tsx
+ * const cssValue = hexToTextPaletteColor('#0747A6');
+ * //     ^? const cssValue: string
+ * <span style={{textColor: cssValue}} />
+ * ```
+ * The names of tokens can change over time, and the values of tokens will differ between themes.
+ * The exact output of this function is an implementation detail and should only be used when rendering
+ * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
+ */
+export function hexToEditorTextPaletteColor(hexColor) {
+  const normalizedHexColor = hexColor ? hexColor.toUpperCase() : undefined;
+
+  // Ts ignore was used to allow use of conditional return type
+  // (preferencing better type on consumption over safety in implementation)
+  // @ts-expect-error
+  return normalizedHexColor ? editorTextPalette[normalizedHexColor] : undefined;
+}

package/dist/es2019/utils/hex-to-rgb.js

@@ -0,0 +1,21 @@
+// eslint-disable-line import/no-namespace
+
+import { isHex } from './is-hex';
+
+/**
+ * Converts hex color format to rgb.
+ * Works well with full hex color format and shortcut as well.
+ *
+ * @param hex - hex color string (#xxx, or #xxxxxx)
+ */
+export function hexToRgb(color) {
+  if (!isHex(color)) {
+    return null;
+  }
+  let colorBits = color.substring(1).split('');
+  if (colorBits.length === 3) {
+    colorBits = [colorBits[0], colorBits[0], colorBits[1], colorBits[1], colorBits[2], colorBits[2]];
+  }
+  const rgb = Number(`0x${colorBits.join('')}`);
+  return `rgb(${rgb >> 16 & 255},${rgb >> 8 & 255},${rgb & 255})`;
+}

package/dist/es2019/utils/hex-to-rgba.js

@@ -0,0 +1,20 @@
+// eslint-disable-line import/no-namespace
+
+import { normalizeHexColor } from './normalize-hex-color';
+
+/**
+ * Converts hex color format to rgba.
+ *
+ * @param hex - hex color string (#xxx, or #xxxxxx)
+ */
+export function hexToRgba(rawColor, alpha) {
+  const color = normalizeHexColor(rawColor);
+  if (!color) {
+    return null;
+  }
+  const hex2rgb = color => {
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    return color.match(/[a-z0-9]{2}/giu).map(hex => parseInt(hex, 16));
+  };
+  return `rgba(${hex2rgb(color).concat(alpha).join(',')})`;
+}

package/dist/es2019/utils/is-hex.js

@@ -0,0 +1,6 @@
+// eslint-disable-line import/no-namespace
+
+const IS_HEX_REGEX = /^#([A-Fa-f0-9]{3}){1,2}$/u;
+export function isHex(color) {
+  return IS_HEX_REGEX.test(color);
+}

package/dist/es2019/utils/is-rgb.js

@@ -0,0 +1,6 @@
+// eslint-disable-line import/no-namespace
+
+const IS_RGB_REGEX = /rgba?\(/u;
+export function isRgb(color) {
+  return IS_RGB_REGEX.test(color);
+}

package/dist/es2019/utils/is-root-relative.js

@@ -0,0 +1,15 @@
+/**
+ * This file has been partially duplicated in packages/linking-platform/linking-common/src/url.ts
+ * Any changes made here should be mirrored there.
+ * Ticket for dedeplication: https://product-fabric.atlassian.net/browse/EDM-7138
+ * Ticket for fixing linkification of filename-like urls: https://product-fabric.atlassian.net/browse/EDM-7190
+ */
+
+/**
+ * checks if root relative link
+ */
+export function isRootRelative(url) {
+  // Support `#top` and `#` special references as per:
+  // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#linking_to_an_element_on_the_same_page
+  return url.startsWith('/') || url === '#top' || url === '#';
+}

package/dist/es2019/utils/is-safe-url.js

@@ -0,0 +1,26 @@
+/**
+ * This file has been partially duplicated in packages/linking-platform/linking-common/src/url.ts
+ * Any changes made here should be mirrored there.
+ * Ticket for dedeplication: https://product-fabric.atlassian.net/browse/EDM-7138
+ * Ticket for fixing linkification of filename-like urls: https://product-fabric.atlassian.net/browse/EDM-7190
+ */
+
+const whitelistedURLPatterns = [/^https?:\/\//imu, /^ftps?:\/\//imu, /^gopher:\/\//imu, /^integrity:\/\//imu, /^file:\/\//imu, /^smb:\/\//imu, /^dynamicsnav:\/\//imu, /^jamfselfservice:\/\//imu, /^\//imu, /^mailto:/imu, /^skype:/imu, /^callto:/imu, /^facetime:/imu, /^git:/imu, /^irc6?:/imu, /^news:/imu, /^nntp:/imu, /^feed:/imu, /^cvs:/imu, /^svn:/imu, /^mvn:/imu, /^ssh:/imu, /^scp:\/\//imu, /^sftp:\/\//imu, /^itms:/imu,
+// This is not a valid notes link, but we support this pattern for backwards compatibility
+/^notes:/imu, /^notes:\/\//imu, /^hipchat:\/\//imu,
+// This is not a valid sourcetree link, but we support this pattern for backwards compatibility
+/^sourcetree:/imu, /^sourcetree:\/\//imu, /^urn:/imu, /^tel:/imu, /^xmpp:/imu, /^telnet:/imu, /^vnc:/imu, /^rdp:/imu, /^whatsapp:/imu, /^slack:/imu, /^sips?:/imu, /^magnet:/imu, /^#/imu];
+
+/**
+ * Please notify the Editor Mobile team (Slack: #help-mobilekit) if the logic for this changes.
+ */
+export const isSafeUrl = url => {
+  const urlTrimmed = url === null || url === void 0 ? void 0 : url.trim();
+  if (urlTrimmed === undefined) {
+    return true;
+  }
+  if (urlTrimmed.length === 0) {
+    return true;
+  }
+  return whitelistedURLPatterns.some(p => p.test(urlTrimmed));
+};

package/dist/es2019/utils/is-valid-layout.js

@@ -0,0 +1,3 @@
+export const isValidLayout = name => {
+  return !!name && ['default', 'wide', 'full-width'].includes(name);
+};

package/dist/es2019/utils/lab-to-lch.js

@@ -0,0 +1,16 @@
+export const labToLch = ({
+  l,
+  a,
+  b
+}) => {
+  let h = (Math.atan2(b, a) * (180 / Math.PI) + 360) % 360;
+  const c = Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));
+  if (Math.round(c * 10000) === 0) {
+    h = Number.NaN;
+  }
+  return {
+    l,
+    c,
+    h
+  };
+};

package/dist/es2019/utils/lch-color-inversion.js

@@ -1,132 +1,30 @@
-// https://en.wikipedia.org/wiki/HCL_color_space
+/* eslint-disable @atlaskit/editor/no-re-export -- VOLTC-139 tracks removal of these deprecated compatibility re-export shims. */
 
-// https://en.wikipedia.org/wiki/CIE_1931_color_space#CIE_xy_chromaticity_diagram_and_the_CIE_xyY_color_space
+export const FULL_HEX_REGEX = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/iu;
 
-// https://en.wikipedia.org/wiki/CIELAB_color_space
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.
+export { clampLightness } from './clamp-lightness';
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.
+export { getDarkModeLCHColor } from './get-dark-mode-lch-color';
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.
+export { rgbFromHex } from './rgb-from-hex';
 
-const SHORTHAND_HEX_REGEX = /^#?([a-f\d])([a-f\d])([a-f\d])$/iu;
-const FULL_HEX_REGEX = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/iu;
-const clamp = (i, min, max) => Math.round(Math.min(Math.max(i, min), max));
-const expandShorthandHex = input => input.replace(SHORTHAND_HEX_REGEX, (_m, r, g, b) => r + r + g + g + b + b);
-const rgbFromHex = input => {
-  const fullHex = expandShorthandHex(input);
-  const result = FULL_HEX_REGEX.exec(fullHex);
-  return result === null ? null : {
-    r: parseInt(result[1], 16),
-    g: parseInt(result[2], 16),
-    b: parseInt(result[3], 16)
-  };
-};
-const rgbToHex = ({
-  r,
-  g,
-  b
-}) => {
-  const convertComponent = c => {
-    const cBase16 = c.toString(16);
-    return cBase16.length === 1 ? `0${cBase16}` : cBase16;
-  };
-  return `#${convertComponent(r)}${convertComponent(g)}${convertComponent(b)}`;
-};
-const rgbToXyz = rgb => {
-  const convertRgbComponent = c => c > 0.04045 ? Math.pow((c + 0.055) / 1.055, 2.4) : c / 12.92;
-  const convertXyzComponent = c => c > 0.008856452 ? Math.pow(c, 1 / 3) : c / 0.12841855 + 0.137931034;
-  const r = convertRgbComponent(rgb.r / 255);
-  const g = convertRgbComponent(rgb.g / 255);
-  const b = convertRgbComponent(rgb.b / 255);
-  return {
-    x: convertXyzComponent((0.4124564 * r + 0.3575761 * g + 0.1804375 * b) / 0.95047),
-    y: convertXyzComponent(0.2126729 * r + 0.7151522 * g + 0.072175 * b),
-    z: convertXyzComponent((0.0193339 * r + 0.119192 * g + 0.9503041 * b) / 1.08883)
-  };
-};
-const xyzToLab = ({
-  x,
-  y,
-  z
-}) => ({
-  l: Math.max(116 * y - 16, 0),
-  a: 500 * (x - y),
-  b: 200 * (y - z)
-});
-const labToLch = ({
-  l,
-  a,
-  b
-}) => {
-  let h = (Math.atan2(b, a) * (180 / Math.PI) + 360) % 360;
-  const c = Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));
-  if (Math.round(c * 10000) === 0) {
-    h = Number.NaN;
-  }
-  return {
-    l,
-    c,
-    h
-  };
-};
-const lchToLab = ({
-  l,
-  c,
-  h
-}) => {
-  const convertH = Number.isNaN(h) ? 0 : h * (Math.PI / 180);
-  return {
-    l,
-    a: Math.cos(convertH) * c,
-    b: Math.sin(convertH) * c
-  };
-};
-const labToXyz = ({
-  l,
-  a,
-  b
-}) => {
-  const convertComponent = c => c > 0.206896552 ? Math.pow(c, 3) : 0.12841855 * (c - 0.137931034);
-  const y = (l + 16) / 116;
-  const x = a / 500 + y;
-  const z = y - b / 200;
-  return {
-    x: convertComponent(x) * 0.95047,
-    y: convertComponent(y),
-    z: convertComponent(z) * 1.08883
-  };
-};
-const xyzToRgb = ({
-  x,
-  y,
-  z
-}) => {
-  const convertComponent = c => 255 * (c <= 0.00304 ? 12.92 * c : 1.055 * Math.pow(c, 1 / 2.4) - 0.055);
-  return {
-    r: clamp(convertComponent(3.2404542 * x - 1.5371385 * y - 0.4985314 * z), 0, 255),
-    g: clamp(convertComponent(-0.969266 * x + 1.8760108 * y + 0.041556 * z), 0, 255),
-    b: clamp(convertComponent(0.0556434 * x - 0.2040259 * y + 1.0572252 * z), 0, 255)
-  };
-};
-const rgbToLch = rgb => labToLch(xyzToLab(rgbToXyz(rgb)));
-const lchToRgb = lch => xyzToRgb(labToXyz(lchToLab(lch)));
-export const clampLightness = (color, newPercent) => {
-  const rgb = rgbFromHex(color);
-  if (rgb === null) {
-    return color;
-  }
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.
+export { rgbToLch } from './rgb-to-lch';
+
+// https://en.wikipedia.org/wiki/HCL_color_space
+// https://en.wikipedia.org/wiki/CIE_1931_color_space#CIE_xy_chromaticity_diagram_and_the_CIE_xyY_color_space
+// https://en.wikipedia.org/wiki/CIELAB_color_space
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.
+export { expandShorthandHex } from './expand-shorthand-hex';
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.
+export { rgbToXyz } from './rgb-to-xyz';
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.
+export { xyzToLab } from './xyz-to-lab';
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.
+export { labToLch } from './lab-to-lch';
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.
 
-  // LCH (rather than HSL) gives the best results here as the L component in LCH is based on human color perception
-  const lch = rgbToLch(rgb);
-  lch.l = clamp(newPercent, 0, 100);
-  return rgbToHex(lchToRgb(lch));
-};
-const getLightness = color => {
-  const rgb = rgbFromHex(color);
-  if (rgb === null) {
-    return 0;
-  }
-  const lch = rgbToLch(rgb);
-  return lch.l;
-};
-export const getDarkModeLCHColor = currentBackgroundColor => {
-  const lightness = getLightness(currentBackgroundColor);
-  const newLightness = Math.abs(100 - lightness);
-  return clampLightness(currentBackgroundColor, newLightness).toUpperCase();
-};
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.

package/dist/es2019/utils/linkify-match.js

@@ -0,0 +1,39 @@
+/**
+ * This file has been partially duplicated in packages/linking-platform/linking-common/src/url.ts
+ * Any changes made here should be mirrored there.
+ * Ticket for dedeplication: https://product-fabric.atlassian.net/browse/EDM-7138
+ * Ticket for fixing linkification of filename-like urls: https://product-fabric.atlassian.net/browse/EDM-7190
+ */
+
+import { LINK_REGEXP } from './url';
+/** Attempt to find a link match using a regex string defining a URL */
+export const linkifyMatch = text => {
+  if (!LINK_REGEXP.test(text)) {
+    return [];
+  }
+  const matches = [];
+  let startpos = 0;
+  let substr;
+  substr = text.substr(startpos);
+  while (substr) {
+    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;
+      substr = text.substr(startpos);
+    } else {
+      break;
+    }
+  }
+  return matches;
+};