@atlaskit/adf-schema 57.0.16 → 57.1.1

package/dist/cjs/utils/confluence/emoji.js

@@ -3,88 +3,59 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.acNameToEmoji = acNameToEmoji;
-exports.acShortcutToEmoji = acShortcutToEmoji;
-exports.emojiIdToAcName = emojiIdToAcName;
-exports.getEmojiAcName = getEmojiAcName;
+exports.HC_EMOTICON_PREFIX = exports.DEFAULT_EMOJI_ID = exports.DEFAULT_EMOJI_ACNAME = void 0;
+Object.defineProperty(exports, "acNameToEmoji", {
+  enumerable: true,
+  get: function get() {
+    return _acNameToEmoji.acNameToEmoji;
+  }
+});
+Object.defineProperty(exports, "acNameToEmojiMap", {
+  enumerable: true,
+  get: function get() {
+    return _acNameToEmojiMap.acNameToEmojiMap;
+  }
+});
+Object.defineProperty(exports, "acShortcutToEmoji", {
+  enumerable: true,
+  get: function get() {
+    return _acShortcutToEmoji.acShortcutToEmoji;
+  }
+});
+Object.defineProperty(exports, "emojiIdToAcName", {
+  enumerable: true,
+  get: function get() {
+    return _emojiIdToAcName.emojiIdToAcName;
+  }
+});
+Object.defineProperty(exports, "getEmojiAcName", {
+  enumerable: true,
+  get: function get() {
+    return _getEmojiAcName.getEmojiAcName;
+  }
+});
+var _acNameToEmoji = require("./acNameToEmoji");
+var _emojiIdToAcName = require("./emojiIdToAcName");
+var _acShortcutToEmoji = require("./acShortcutToEmoji");
+var _getEmojiAcName = require("./getEmojiAcName");
+var _acNameToEmojiMap = require("./acNameToEmojiMap");
+/* eslint-disable @atlaskit/editor/no-re-export -- VOLTC-139 tracks removal of these deprecated compatibility re-export shims. */
+
 // Default emoji id for Confluence glyphs that has no match to Fabric Emoji
-var DEFAULT_EMOJI_ID = '2b50';
+var DEFAULT_EMOJI_ID = exports.DEFAULT_EMOJI_ID = '2b50';
 
 // Default ac:name for emoticons as a fallback is `blue-star`
-var DEFAULT_EMOJI_ACNAME = 'blue-star';
+var DEFAULT_EMOJI_ACNAME = exports.DEFAULT_EMOJI_ACNAME = 'blue-star';
 
 // ac:hipchat-emoticon prefix when converting to Emoji ID
-var HC_EMOTICON_PREFIX = 'atlassian-';
+var HC_EMOTICON_PREFIX = exports.HC_EMOTICON_PREFIX = 'atlassian-';
 
-/**
- * Confluence glyphs ac:name of <ac:emoticon /> map to new emojis
- * {
- *   [ac:name] : ['emoji-id', 'emoji-shortName', 'emoji-fallback']
- *   ...
- * }
- * Glyphs that do not map to Fabric Emoji
- * will be mapped to Emoji Id '2b50' (:star:) with preserving ac:name as shortName attribute;
- */
-var acNameToEmojiMap = {
-  smile: ['1f642', ':slight_smile:', "\uD83D\uDE42"],
-  sad: ['1f641', ':slight_frown:', "\uD83D\uDE41"],
-  cheeky: ['1f61b', ':stuck_out_tongue:', "\uD83D\uDE1B"],
-  laugh: ['1f600', ':grinning:', "\uD83D\uDE00"],
-  wink: ['1f609', ':wink:', "\uD83D\uDE09"],
-  information: ['2139', ':information_source:', "\u2139"],
-  tick: ['2705', ':white_check_mark:', "\u2705"],
-  cross: ['274c', ':x:', "\u274C"],
-  warning: ['26a0', ':warning:', "\u26A0"],
-  plus: ['2795', ':heavy_plus_sign:', "\u2795"],
-  minus: ['2796', ':heavy_minus_sign:', "\u2796"],
-  question: ['2753', ':question:', "?"],
-  'thumbs-up': ['1f44d', ':thumbsup:', "\uD83D\uDC4D"],
-  'thumbs-down': ['1f44e', ':thumbsdown:', "\uD83D\uDC4E"],
-  'light-on': ['1f4a1', ':bulb:', "\uD83D\uDCA1"],
-  'yellow-star': ['2b50', ':star:', "\uD83D\uDC9B"],
-  'light-off': ['1f6ab', ':no_entry_sign:', "\uD83D\uDEAB"],
-  'red-star': ['2764', ':heart:', "\u2764\uFE0F"],
-  'green-star': ['1f49a', ':green_heart:', "\uD83D\uDC9A"],
-  'blue-star': ['1f499', ':blue_heart:', "\uD83D\uDC99"],
-  heart: ['2764', ':heart:', "\u2764\uFE0F"],
-  'broken-heart': ['1f494', ':broken_heart:', "\uD83D\uDC94"]
-};
-function acNameToEmoji(acName) {
-  var emojiData = acNameToEmojiMap[acName];
-  return emojiData ? {
-    id: emojiData[0],
-    shortName: emojiData[1],
-    text: emojiData[2]
-  } : {
-    id: DEFAULT_EMOJI_ID,
-    shortName: ":".concat(acName, ":"),
-    text: ''
-  };
-}
-function emojiIdToAcName(emojiId) {
-  var filterEmojis = function filterEmojis(acName) {
-    return acNameToEmojiMap[acName] ? acNameToEmojiMap[acName][0] === emojiId : false;
-  };
-  return Object.keys(acNameToEmojiMap).filter(filterEmojis)[0];
-}
-function acShortcutToEmoji(hipchatEmoticonShortName) {
-  return {
-    id: "".concat(HC_EMOTICON_PREFIX).concat(hipchatEmoticonShortName),
-    shortName: ":".concat(hipchatEmoticonShortName, ":"),
-    text: ''
-  };
-}
-function getAcNameFromShortName(shortName) {
-  return shortName.slice(shortName[0] === ':' ? 1 : 0, shortName[shortName.length - 1] === ':' ? -1 : shortName.length);
-}
-function getEmojiAcName(_ref) {
-  var id = _ref.id,
-    shortName = _ref.shortName;
-  if (DEFAULT_EMOJI_ID === id) {
-    var possibleName = getAcNameFromShortName(shortName);
-    if (possibleName in acNameToEmojiMap) {
-      return possibleName;
-    }
-  }
-  return emojiIdToAcName(id) || DEFAULT_EMOJI_ACNAME;
-}
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-re-exports -- Public compatibility re-export.

package/dist/cjs/utils/confluence/emojiIdToAcName.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.emojiIdToAcName = emojiIdToAcName;
+var _acNameToEmojiMap = require("./acNameToEmojiMap");
+function emojiIdToAcName(emojiId) {
+  var filterEmojis = function filterEmojis(acName) {
+    return _acNameToEmojiMap.acNameToEmojiMap[acName] ? _acNameToEmojiMap.acNameToEmojiMap[acName][0] === emojiId : false;
+  };
+  return Object.keys(_acNameToEmojiMap.acNameToEmojiMap).filter(filterEmojis)[0];
+}

package/dist/cjs/utils/confluence/getEmojiAcName.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getEmojiAcName = getEmojiAcName;
+var _acNameToEmojiMap = require("./acNameToEmojiMap");
+var _emoji = require("./emoji");
+var _emojiIdToAcName = require("./emojiIdToAcName");
+function getAcNameFromShortName(shortName) {
+  return shortName.slice(shortName[0] === ':' ? 1 : 0, shortName[shortName.length - 1] === ':' ? -1 : shortName.length);
+}
+function getEmojiAcName(_ref) {
+  var id = _ref.id,
+    shortName = _ref.shortName;
+  if (_emoji.DEFAULT_EMOJI_ID === id) {
+    var possibleName = getAcNameFromShortName(shortName);
+    if (possibleName in _acNameToEmojiMap.acNameToEmojiMap) {
+      return possibleName;
+    }
+  }
+  return (0, _emojiIdToAcName.emojiIdToAcName)(id) || _emoji.DEFAULT_EMOJI_ACNAME;
+}

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

@@ -4,39 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.editorTextPalette = exports.editorBorderPalette = exports.editorBackgroundPalette = void 0;
-exports.hexToEditorBackgroundPaletteRawValue = hexToEditorBackgroundPaletteRawValue;
-exports.hexToEditorBorderPaletteColor = hexToEditorBorderPaletteColor;
-exports.hexToEditorTextBackgroundPaletteColor = hexToEditorTextBackgroundPaletteColor;
-exports.hexToEditorTextPaletteColor = hexToEditorTextPaletteColor;
-exports.textBackgroundColorPalette = void 0;
+exports.textBackgroundColorPalette = exports.editorTextPalette = exports.editorBorderPalette = exports.editorBackgroundPalette = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 function _defineAccessor(e, r, n, t) { var c = { configurable: !0, enumerable: !0 }; return c[e] = t, Object.defineProperty(r, n, c); }
-/**
- * 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
- */
-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;
-}
 var editorBorderPalette = exports.editorBorderPalette = {
   /** gray - subtle */
   '#091E4224': 'var(--ds-border, #091E4224)',
@@ -45,32 +17,6 @@ var editorBorderPalette = exports.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
- */
-function hexToEditorTextPaletteColor(hexColor) {
-  var 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;
-}
 var editorTextPalette = exports.editorTextPalette = (0, _defineProperty2.default)(_defineAccessor("get", {
   /** blue - light */
   '#B3D4FF': 'var(--ds-background-accent-blue-subtler, #B3D4FF)',
@@ -135,30 +81,6 @@ var editorTextPalette = exports.editorTextPalette = (0, _defineProperty2.default
 }, '#B38600', function () {
   return (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && (0, _fg.fg)('platform_editor_lovability_text_bg_color_patch_1') ? 'var(--ds-border-accent-yellow, #B38600)' : 'var(--ds-icon-accent-yellow, #B38600)';
 }), '#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
- */
-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;
-}
 var textBackgroundColorPalette = exports.textBackgroundColorPalette = {
   /** Gray - light */
   '#DCDFE4': 'var(--ds-background-accent-gray-subtler, #DCDFE4)',
@@ -181,26 +103,6 @@ var textBackgroundColorPalette = exports.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.
- */
-function hexToEditorBackgroundPaletteRawValue(hexColor) {
-  // Ts ignore was used to allow use of conditional return type
-  // (preferencing better type on consumption over safety in implementation)
-  var 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

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.expandShorthandHex = void 0;
+var SHORTHAND_HEX_REGEX = /^#?([0-9a-f])([0-9a-f])([0-9a-f])$/i;
+var expandShorthandHex = exports.expandShorthandHex = function expandShorthandHex(input) {
+  return input.replace(SHORTHAND_HEX_REGEX, function (_m, r, g, b) {
+    return r + r + g + g + b + b;
+  });
+};

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDarkModeLCHColor = void 0;
+var _clampLightness = require("./clamp-lightness");
+var _rgbFromHex = require("./rgb-from-hex");
+var _rgbToLch = require("./rgb-to-lch");
+var getLightness = function getLightness(color) {
+  var rgb = (0, _rgbFromHex.rgbFromHex)(color);
+  if (rgb === null) {
+    return 0;
+  }
+  var lch = (0, _rgbToLch.rgbToLch)(rgb);
+  return lch.l;
+};
+var getDarkModeLCHColor = exports.getDarkModeLCHColor = function getDarkModeLCHColor(currentBackgroundColor) {
+  var lightness = getLightness(currentBackgroundColor);
+  var newLightness = Math.abs(100 - lightness);
+  return (0, _clampLightness.clampLightness)(currentBackgroundColor, newLightness).toUpperCase();
+};

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getExtensionAttrs = void 0;
+var _isValidLayout = require("./is-valid-layout");
+var getExtensionAttrs = exports.getExtensionAttrs = function getExtensionAttrs(dom) {
+  var isInline = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var extensionType = dom.getAttribute('data-extension-type');
+  var extensionKey = dom.getAttribute('data-extension-key');
+  if (!extensionType || !extensionKey) {
+    return false;
+  }
+  var attrs = {
+    extensionType: extensionType,
+    extensionKey: extensionKey,
+    text: dom.getAttribute('data-text') || undefined,
+    parameters: JSON.parse(dom.getAttribute('data-parameters') || '{}'),
+    localId: dom.getAttribute('data-local-id') || undefined
+  };
+  if (!isInline) {
+    var rawLayout = dom.getAttribute('data-layout');
+    attrs.layout = (0, _isValidLayout.isValidLayout)(rawLayout) ? rawLayout : 'default';
+  }
+  return attrs;
+};

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLinkMatch = getLinkMatch;
+var _linkifyMatch = require("./linkify-match");
+var _url = require("./url");
+/**
+ * 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
+ */
+
+/**
+ * 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.
+ */
+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
+  var match = (0, _linkifyMatch.linkifyMatch)(str);
+  if (!match.length) {
+    match = _url.linkify.match(str);
+  }
+  return match && match[0];
+}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hexToEditorBackgroundPaletteRawValue = hexToEditorBackgroundPaletteRawValue;
+var _editorPalette = require("./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.
+ */
+function hexToEditorBackgroundPaletteRawValue(hexColor) {
+  // Ts ignore was used to allow use of conditional return type
+  // (preferencing better type on consumption over safety in implementation)
+  var tokenData = hexColor ? _editorPalette.editorBackgroundPalette[hexColor.toUpperCase()] : undefined;
+  // @ts-expect-error
+  return tokenData ? tokenData.getValue(hexColor) : undefined;
+}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hexToEditorBorderPaletteColor = hexToEditorBorderPaletteColor;
+var _editorPalette = require("./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
+ */
+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 ? _editorPalette.editorBorderPalette[hexColor.toUpperCase()] : undefined;
+}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hexToEditorTextBackgroundPaletteColor = hexToEditorTextBackgroundPaletteColor;
+var _editorPalette = require("./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
+ */
+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 ? _editorPalette.textBackgroundColorPalette[hexColor.toUpperCase()] : undefined;
+}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hexToEditorTextPaletteColor = hexToEditorTextPaletteColor;
+var _editorPalette = require("./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
+ */
+function hexToEditorTextPaletteColor(hexColor) {
+  var 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 ? _editorPalette.editorTextPalette[normalizedHexColor] : undefined;
+}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hexToRgb = hexToRgb;
+var _isHex = require("./is-hex");
+// eslint-disable-line import/no-namespace
+
+/**
+ * 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)
+ */
+function hexToRgb(color) {
+  if (!(0, _isHex.isHex)(color)) {
+    return null;
+  }
+  var colorBits = color.substring(1).split('');
+  if (colorBits.length === 3) {
+    colorBits = [colorBits[0], colorBits[0], colorBits[1], colorBits[1], colorBits[2], colorBits[2]];
+  }
+  var rgb = Number("0x".concat(colorBits.join('')));
+  return "rgb(".concat(rgb >> 16 & 255, ",").concat(rgb >> 8 & 255, ",").concat(rgb & 255, ")");
+}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hexToRgba = hexToRgba;
+var _normalizeHexColor = require("./normalize-hex-color");
+// eslint-disable-line import/no-namespace
+
+/**
+ * Converts hex color format to rgba.
+ *
+ * @param hex - hex color string (#xxx, or #xxxxxx)
+ */
+function hexToRgba(rawColor, alpha) {
+  var color = (0, _normalizeHexColor.normalizeHexColor)(rawColor);
+  if (!color) {
+    return null;
+  }
+  var hex2rgb = function hex2rgb(color) {
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    return color.match(/[0-9a-z\u017F\u212A]{2}/gi).map(function (hex) {
+      return parseInt(hex, 16);
+    });
+  };
+  return "rgba(".concat(hex2rgb(color).concat(alpha).join(','), ")");
+}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isHex = isHex;
+// eslint-disable-line import/no-namespace
+
+var IS_HEX_REGEX = /^#([0-9A-Fa-f]{3}){1,2}$/;
+function isHex(color) {
+  return IS_HEX_REGEX.test(color);
+}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isRgb = isRgb;
+// eslint-disable-line import/no-namespace
+
+var IS_RGB_REGEX = /rgba?\(/;
+function isRgb(color) {
+  return IS_RGB_REGEX.test(color);
+}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isRootRelative = isRootRelative;
+/**
+ * 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
+ */
+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 === '#';
+}