@atlaskit/editor-toolbar 0.18.6 → 0.18.8

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-toolbar
 
+## 0.18.8
+
+### Patch Changes
+
+- [`676d45e408322`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/676d45e408322) -
+  [ED-29726] clean up platform_editor_toolbar_aifc_patch_8
+
+## 0.18.7
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.18.6
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -478,12 +478,6 @@ Object.defineProperty(exports, "WorkItemsIcon", {
     return _WorkItemsIcon.WorkItemsIcon;
   }
 });
-Object.defineProperty(exports, "getContrastingBackgroundColor", {
-  enumerable: true,
-  get: function get() {
-    return _utils.getContrastingBackgroundColor;
-  }
-});
 Object.defineProperty(exports, "useToolbarDropdownMenu", {
   enumerable: true,
   get: function get() {
@@ -572,5 +566,4 @@ var _SyncBlocksIcon = require("./ui/icons/SyncBlocksIcon");
 var _WorkItemIcon = require("./ui/icons/WorkItemIcon");
 var _WorkItemsIcon = require("./ui/icons/WorkItemsIcon");
 var _ColorPalette = _interopRequireDefault(require("./ui/ColorPalette"));
-var _utils = require("./ui/ColorPalette/utils");
 var _uiContext = require("./hooks/ui-context");

package/dist/cjs/ui/ColorPalette/utils.js

@@ -1,16 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_COLOR_PICKER_COLUMNS = void 0;
 exports.getColorsPerRowFromPalette = getColorsPerRowFromPalette;
-exports.getContrastingBackgroundColor = getContrastingBackgroundColor;
 exports.getSelectedRowAndColumn = getSelectedRowAndColumn;
 exports.getSelectedRowAndColumnFromPalette = getSelectedRowAndColumnFromPalette;
 exports.getTokenCSSVariableValue = void 0;
-var _chromatism = _interopRequireDefault(require("chromatism"));
 /**
  * Default number of columns in the color picker
  */
@@ -94,40 +91,4 @@ var getTokenCSSVariableValue = exports.getTokenCSSVariableValue = function getTo
     return value || fallback;
   }
   return '';
-};
-
-/**
- * Get the best contrasting background color for a given text color
- * Ensures WCAG AA compliance for accessibility
- *
- * @param textColor - The text color to find a contrasting background for (supports HEX, RGB, RGBA etc.)
- * @param useTokens - Whether to return design tokens instead of raw hex values
- * @returns The best contrasting background color (hex value or design token)
- *
- * @example
- * ```typescript
- * // Get contrasting color for white text
- * const bgForWhite = getContrastingBackgroundColor('#FFFFFF', false);
- * // Returns: '#42526E' (dark gray)
- *
- * // Get contrasting color for black text with design tokens
- * const bgForBlack = getContrastingBackgroundColor('#000000', true);
- * // Returns: token('elevation.surface', '#FFFFFF')
- * ```
- */
-function getContrastingBackgroundColor(textColor) {
-  var candidates = ['#FFFFFF',
-  // white - surface
-  '#172B4D' // dark blue-gray - text color
-  ];
-
-  // Extract actual color value if it's a CSS variable
-  var tokenVal = getTokenCSSVariableValue(textColor);
-  var colorValue = !!tokenVal ? tokenVal : textColor;
-
-  // Find the color with the highest contrast ratio
-  var bestContrast = candidates.sort(function (a, b) {
-    return _chromatism.default.difference(b, colorValue) - _chromatism.default.difference(a, colorValue);
-  })[0];
-  return bestContrast;
-}
+};

package/dist/es2019/index.js

@@ -75,5 +75,4 @@ export { SyncBlocksIcon } from './ui/icons/SyncBlocksIcon';
 export { WorkItemIcon } from './ui/icons/WorkItemIcon';
 export { WorkItemsIcon } from './ui/icons/WorkItemsIcon';
 export { default as ColorPalette } from './ui/ColorPalette';
-export { getContrastingBackgroundColor } from './ui/ColorPalette/utils';
 export { useToolbarUI, ToolbarUIProvider } from './hooks/ui-context';

package/dist/es2019/ui/ColorPalette/utils.js

@@ -1,4 +1,3 @@
-import chromatism from 'chromatism';
 /**
  * Default number of columns in the color picker
  */
@@ -81,38 +80,4 @@ export const getTokenCSSVariableValue = variableExpression => {
     return value || fallback;
   }
   return '';
-};
-
-/**
- * Get the best contrasting background color for a given text color
- * Ensures WCAG AA compliance for accessibility
- *
- * @param textColor - The text color to find a contrasting background for (supports HEX, RGB, RGBA etc.)
- * @param useTokens - Whether to return design tokens instead of raw hex values
- * @returns The best contrasting background color (hex value or design token)
- *
- * @example
- * ```typescript
- * // Get contrasting color for white text
- * const bgForWhite = getContrastingBackgroundColor('#FFFFFF', false);
- * // Returns: '#42526E' (dark gray)
- *
- * // Get contrasting color for black text with design tokens
- * const bgForBlack = getContrastingBackgroundColor('#000000', true);
- * // Returns: token('elevation.surface', '#FFFFFF')
- * ```
- */
-export function getContrastingBackgroundColor(textColor) {
-  const candidates = ['#FFFFFF',
-  // white - surface
-  '#172B4D' // dark blue-gray - text color
-  ];
-
-  // Extract actual color value if it's a CSS variable
-  const tokenVal = getTokenCSSVariableValue(textColor);
-  const colorValue = !!tokenVal ? tokenVal : textColor;
-
-  // Find the color with the highest contrast ratio
-  const bestContrast = candidates.sort((a, b) => chromatism.difference(b, colorValue) - chromatism.difference(a, colorValue))[0];
-  return bestContrast;
-}
+};

package/dist/esm/index.js

@@ -75,5 +75,4 @@ export { SyncBlocksIcon } from './ui/icons/SyncBlocksIcon';
 export { WorkItemIcon } from './ui/icons/WorkItemIcon';
 export { WorkItemsIcon } from './ui/icons/WorkItemsIcon';
 export { default as ColorPalette } from './ui/ColorPalette';
-export { getContrastingBackgroundColor } from './ui/ColorPalette/utils';
 export { useToolbarUI, ToolbarUIProvider } from './hooks/ui-context';

package/dist/esm/ui/ColorPalette/utils.js

@@ -1,4 +1,3 @@
-import chromatism from 'chromatism';
 /**
  * Default number of columns in the color picker
  */
@@ -82,40 +81,4 @@ export var getTokenCSSVariableValue = function getTokenCSSVariableValue(variable
     return value || fallback;
   }
   return '';
-};
-
-/**
- * Get the best contrasting background color for a given text color
- * Ensures WCAG AA compliance for accessibility
- *
- * @param textColor - The text color to find a contrasting background for (supports HEX, RGB, RGBA etc.)
- * @param useTokens - Whether to return design tokens instead of raw hex values
- * @returns The best contrasting background color (hex value or design token)
- *
- * @example
- * ```typescript
- * // Get contrasting color for white text
- * const bgForWhite = getContrastingBackgroundColor('#FFFFFF', false);
- * // Returns: '#42526E' (dark gray)
- *
- * // Get contrasting color for black text with design tokens
- * const bgForBlack = getContrastingBackgroundColor('#000000', true);
- * // Returns: token('elevation.surface', '#FFFFFF')
- * ```
- */
-export function getContrastingBackgroundColor(textColor) {
-  var candidates = ['#FFFFFF',
-  // white - surface
-  '#172B4D' // dark blue-gray - text color
-  ];
-
-  // Extract actual color value if it's a CSS variable
-  var tokenVal = getTokenCSSVariableValue(textColor);
-  var colorValue = !!tokenVal ? tokenVal : textColor;
-
-  // Find the color with the highest contrast ratio
-  var bestContrast = candidates.sort(function (a, b) {
-    return chromatism.difference(b, colorValue) - chromatism.difference(a, colorValue);
-  })[0];
-  return bestContrast;
-}
+};

package/dist/types/index.d.ts

@@ -74,6 +74,5 @@ export { SyncBlocksIcon } from './ui/icons/SyncBlocksIcon';
 export { WorkItemIcon } from './ui/icons/WorkItemIcon';
 export { WorkItemsIcon } from './ui/icons/WorkItemsIcon';
 export { default as ColorPalette } from './ui/ColorPalette';
-export { getContrastingBackgroundColor } from './ui/ColorPalette/utils';
 export type { IconComponent, ToolbarKeyboardNavigationProviderConfig } from './types';
 export { useToolbarUI, ToolbarUIProvider, type ToolbarUIContextType } from './hooks/ui-context';

package/dist/types/ui/ColorPalette/utils.d.ts

@@ -38,23 +38,3 @@ export declare function getSelectedRowAndColumnFromPalette(palette: PaletteColor
  * @returns The resolved color value or empty string if not found
  */
 export declare const getTokenCSSVariableValue: (variableExpression: string) => string;
-/**
- * Get the best contrasting background color for a given text color
- * Ensures WCAG AA compliance for accessibility
- *
- * @param textColor - The text color to find a contrasting background for (supports HEX, RGB, RGBA etc.)
- * @param useTokens - Whether to return design tokens instead of raw hex values
- * @returns The best contrasting background color (hex value or design token)
- *
- * @example
- * ```typescript
- * // Get contrasting color for white text
- * const bgForWhite = getContrastingBackgroundColor('#FFFFFF', false);
- * // Returns: '#42526E' (dark gray)
- *
- * // Get contrasting color for black text with design tokens
- * const bgForBlack = getContrastingBackgroundColor('#000000', true);
- * // Returns: token('elevation.surface', '#FFFFFF')
- * ```
- */
-export declare function getContrastingBackgroundColor(textColor: string): string;

package/dist/types-ts4.5/index.d.ts

@@ -74,6 +74,5 @@ export { SyncBlocksIcon } from './ui/icons/SyncBlocksIcon';
 export { WorkItemIcon } from './ui/icons/WorkItemIcon';
 export { WorkItemsIcon } from './ui/icons/WorkItemsIcon';
 export { default as ColorPalette } from './ui/ColorPalette';
-export { getContrastingBackgroundColor } from './ui/ColorPalette/utils';
 export type { IconComponent, ToolbarKeyboardNavigationProviderConfig } from './types';
 export { useToolbarUI, ToolbarUIProvider, type ToolbarUIContextType } from './hooks/ui-context';

package/dist/types-ts4.5/ui/ColorPalette/utils.d.ts

@@ -38,23 +38,3 @@ export declare function getSelectedRowAndColumnFromPalette(palette: PaletteColor
  * @returns The resolved color value or empty string if not found
  */
 export declare const getTokenCSSVariableValue: (variableExpression: string) => string;
-/**
- * Get the best contrasting background color for a given text color
- * Ensures WCAG AA compliance for accessibility
- *
- * @param textColor - The text color to find a contrasting background for (supports HEX, RGB, RGBA etc.)
- * @param useTokens - Whether to return design tokens instead of raw hex values
- * @returns The best contrasting background color (hex value or design token)
- *
- * @example
- * ```typescript
- * // Get contrasting color for white text
- * const bgForWhite = getContrastingBackgroundColor('#FFFFFF', false);
- * // Returns: '#42526E' (dark gray)
- *
- * // Get contrasting color for black text with design tokens
- * const bgForBlack = getContrastingBackgroundColor('#000000', true);
- * // Returns: token('elevation.surface', '#FFFFFF')
- * ```
- */
-export declare function getContrastingBackgroundColor(textColor: string): string;

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "0.18.6",
+	"version": "0.18.8",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"team": "Editor: Jenga",
@@ -23,15 +23,15 @@
 	"dependencies": {
 		"@atlaskit/badge": "^18.3.0",
 		"@atlaskit/browser-apis": "^0.0.1",
-		"@atlaskit/css": "^0.18.0",
+		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/icon": "^29.3.0",
 		"@atlaskit/icon-lab": "^5.13.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.8.0",
-		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/tmp-editor-statsig": "^16.0.0",
-		"@atlaskit/tokens": "^8.6.0",
+		"@atlaskit/popup": "^4.10.0",
+		"@atlaskit/primitives": "^17.0.0",
+		"@atlaskit/tmp-editor-statsig": "^16.3.0",
+		"@atlaskit/tokens": "^9.0.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",