@atlaskit/editor-plugin-rule/dist/es2019/ui/dividerColorPalette.js

Rule plugin for @atlaskit/editor-core

import { ruleMessages } from '@atlaskit/editor-common/messages/rule';
import { textColorPaletteNew } from '@atlaskit/editor-common/ui-color';
/**
 * The dividerColorPalette mirrors the textColorPalette, with the following minor changes –
 */
export const dividerColorPalette = [
// 1. the textColorPalette does not have the "bold gray" color. it is added separately
// in `platform/packages/editor/editor-plugin-text-color/src/pm-plugins/utils/constants.ts`
// by editor-plugin-text-color so we need to do the same for the dividerColorPalette
{
  border: "var(--ds-border, #0B120E24)",
  label: ruleMessages.boldGrayDividerColor.defaultMessage,
  message: ruleMessages.boldGrayDividerColor,
  value: '#172B4D'
},
// 2. the dividerColorPalette replaces textColorPalette's white with the divider's default color.
...textColorPaletteNew.map(swatch => swatch.value.toUpperCase() === '#FFFFFF' ? {
  ...swatch,
  label: ruleMessages.defaultDividerColor.defaultMessage,
  message: undefined,
  value: "var(--ds-border, #0B120E24)"
} : swatch)];