@atlaskit/adf-schema
Version:
Shared package that contains the ADF-schema (json) and ProseMirror node/mark specs
32 lines (30 loc) • 1.45 kB
JavaScript
;
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;
}