@atlaskit/editor-toolbar 0.18.7 → 0.18.9

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-toolbar
 
+## 0.18.9
+
+### Patch Changes
+
+- [`5ab68d0750bb2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5ab68d0750bb2) -
+  Fix only style missing in the old responsive container
+- Updated dependencies
+
+## 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

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/cjs/ui/ResponsiveContainer.compiled.css

@@ -43,19 +43,25 @@
 @container toolbar-container (max-width: 857px){._syrzglyw .show-above-lg{display:none}._fr6v1ule .show-below-lg{display:block}}
 @container toolbar-container (min-width: 1024px){._1je21ule .show-only-xl{display:block}._87bn1ule._87bn1ule .show-only-xl{display:block}}
 @container toolbar-container (min-width: 210px) and (max-width: 407px){._7qjy1ule._7qjy1ule .show-only-sm{display:block}}
+@container toolbar-container (min-width: 211px) and (max-width: 408px){._77vl1ule._77vl1ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 280px) and (max-width: 419px){._4cj71ule._4cj71ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 296px) and (max-width: 431px){._1cg81ule._1cg81ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 365px) and (max-width: 499px){._1jvu1ule._1jvu1ule .show-only-sm{display:block}}
+@container toolbar-container (min-width: 408px) and (max-width: 575px){._1h871ule._1h871ule .show-only-md{display:block}}
 @container toolbar-container (min-width: 408px) and (max-width: 647px){._cpaf1ule._cpaf1ule .show-only-md{display:block}}
+@container toolbar-container (min-width: 411px) and (max-width: 476px){._tjgx1ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 420px) and (max-width: 649px){._w81r1ule._w81r1ule .show-only-md{display:block}}
 @container toolbar-container (min-width: 422px) and (max-width: 721px){._1btx1ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 432px) and (max-width: 661px){._oj3l1ule._oj3l1ule .show-only-md{display:block}}
+@container toolbar-container (min-width: 477px) and (max-width: 768px){._jt9u1ule .show-only-md{display:block}}
 @container toolbar-container (min-width: 500px) and (max-width: 629px){._1vu31ule._1vu31ule .show-only-md{display:block}}
+@container toolbar-container (min-width: 576px) and (max-width: 1024px){._ghxv1ule._ghxv1ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 630px) and (max-width: 1023px){._1bqk1ule._1bqk1ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 648px) and (max-width: 1023px){._1oqh1ule._1oqh1ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 650px) and (max-width: 1023px){._1ym01ule._1ym01ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 662px) and (max-width: 1023px){._wt211ule._wt211ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 722px) and (max-width: 857px){._biad1ule .show-only-md{display:block}}
+@container toolbar-container (min-width: 768px) and (max-width: 1024px){._6c751ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 858px) and (max-width: 1023px){._1ana1ule .show-only-lg{display:block}}
 @media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
 @media (max-width:533px){._ut18glyw .show-above-md{display:none}._1nwo1ule .show-below-md{display:block}}

package/dist/cjs/ui/ResponsiveContainer.js

@@ -24,8 +24,8 @@ var styles = {
   jiraIssue: "_152xglyw _1cn41ule _4cj71ule _afriglyw _ozjb1ule _w81r1ule _1mckglyw _r2nv1ule _1ym01ule _tzm6glyw _ktne1ule _87bn1ule",
   jsmComment: "_s2iiglyw _o4331ule _1jvu1ule _lankglyw _1xpy1ule _1vu31ule _1b07glyw _1meg1ule _1bqk1ule _tzm6glyw _ktne1ule _87bn1ule",
   confluenceComment: "_15nrglyw _cm5a1ule _7qjy1ule _13ioglyw _8urt1ule _cpaf1ule _18zmglyw _1uj01ule _1oqh1ule _tzm6glyw _ktne1ule _87bn1ule",
-  responsiveRules: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
-  responsiveRulesReduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
+  responsiveRules: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule _1je21ule _tjgx1ule _jt9u1ule _6c751ule",
+  responsiveRulesReduced: "_j094glyw _1mc51ule _77vl1ule _gipeglyw _311r1ule _1h871ule _11u4glyw _v1i61ule _ghxv1ule _19x4glyw _qck01ule _87bn1ule",
   responsiveRulesReducedOverridden: "_e2nbglyw _ol4q1ule",
   responsiveRulesWrapper: "_1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _33p2glyw _1dre1ule _u47mglyw _rut51ule _fj5dglyw _5wt61ule _hmx4glyw _1rrm1ule _ut18glyw _1nwo1ule _19fzglyw _1r831ule"
 };

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/es2019/ui/ResponsiveContainer.compiled.css

@@ -43,19 +43,25 @@
 @container toolbar-container (max-width: 857px){._syrzglyw .show-above-lg{display:none}._fr6v1ule .show-below-lg{display:block}}
 @container toolbar-container (min-width: 1024px){._1je21ule .show-only-xl{display:block}._87bn1ule._87bn1ule .show-only-xl{display:block}}
 @container toolbar-container (min-width: 210px) and (max-width: 407px){._7qjy1ule._7qjy1ule .show-only-sm{display:block}}
+@container toolbar-container (min-width: 211px) and (max-width: 408px){._77vl1ule._77vl1ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 280px) and (max-width: 419px){._4cj71ule._4cj71ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 296px) and (max-width: 431px){._1cg81ule._1cg81ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 365px) and (max-width: 499px){._1jvu1ule._1jvu1ule .show-only-sm{display:block}}
+@container toolbar-container (min-width: 408px) and (max-width: 575px){._1h871ule._1h871ule .show-only-md{display:block}}
 @container toolbar-container (min-width: 408px) and (max-width: 647px){._cpaf1ule._cpaf1ule .show-only-md{display:block}}
+@container toolbar-container (min-width: 411px) and (max-width: 476px){._tjgx1ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 420px) and (max-width: 649px){._w81r1ule._w81r1ule .show-only-md{display:block}}
 @container toolbar-container (min-width: 422px) and (max-width: 721px){._1btx1ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 432px) and (max-width: 661px){._oj3l1ule._oj3l1ule .show-only-md{display:block}}
+@container toolbar-container (min-width: 477px) and (max-width: 768px){._jt9u1ule .show-only-md{display:block}}
 @container toolbar-container (min-width: 500px) and (max-width: 629px){._1vu31ule._1vu31ule .show-only-md{display:block}}
+@container toolbar-container (min-width: 576px) and (max-width: 1024px){._ghxv1ule._ghxv1ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 630px) and (max-width: 1023px){._1bqk1ule._1bqk1ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 648px) and (max-width: 1023px){._1oqh1ule._1oqh1ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 650px) and (max-width: 1023px){._1ym01ule._1ym01ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 662px) and (max-width: 1023px){._wt211ule._wt211ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 722px) and (max-width: 857px){._biad1ule .show-only-md{display:block}}
+@container toolbar-container (min-width: 768px) and (max-width: 1024px){._6c751ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 858px) and (max-width: 1023px){._1ana1ule .show-only-lg{display:block}}
 @media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
 @media (max-width:533px){._ut18glyw .show-above-md{display:none}._1nwo1ule .show-below-md{display:block}}

package/dist/es2019/ui/ResponsiveContainer.js

@@ -17,8 +17,8 @@ const styles = {
   jiraIssue: "_152xglyw _1cn41ule _4cj71ule _afriglyw _ozjb1ule _w81r1ule _1mckglyw _r2nv1ule _1ym01ule _tzm6glyw _ktne1ule _87bn1ule",
   jsmComment: "_s2iiglyw _o4331ule _1jvu1ule _lankglyw _1xpy1ule _1vu31ule _1b07glyw _1meg1ule _1bqk1ule _tzm6glyw _ktne1ule _87bn1ule",
   confluenceComment: "_15nrglyw _cm5a1ule _7qjy1ule _13ioglyw _8urt1ule _cpaf1ule _18zmglyw _1uj01ule _1oqh1ule _tzm6glyw _ktne1ule _87bn1ule",
-  responsiveRules: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
-  responsiveRulesReduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
+  responsiveRules: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule _1je21ule _tjgx1ule _jt9u1ule _6c751ule",
+  responsiveRulesReduced: "_j094glyw _1mc51ule _77vl1ule _gipeglyw _311r1ule _1h871ule _11u4glyw _v1i61ule _ghxv1ule _19x4glyw _qck01ule _87bn1ule",
   responsiveRulesReducedOverridden: "_e2nbglyw _ol4q1ule",
   responsiveRulesWrapper: "_1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _33p2glyw _1dre1ule _u47mglyw _rut51ule _fj5dglyw _5wt61ule _hmx4glyw _1rrm1ule _ut18glyw _1nwo1ule _19fzglyw _1r831ule"
 };

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/esm/ui/ResponsiveContainer.compiled.css

@@ -43,19 +43,25 @@
 @container toolbar-container (max-width: 857px){._syrzglyw .show-above-lg{display:none}._fr6v1ule .show-below-lg{display:block}}
 @container toolbar-container (min-width: 1024px){._1je21ule .show-only-xl{display:block}._87bn1ule._87bn1ule .show-only-xl{display:block}}
 @container toolbar-container (min-width: 210px) and (max-width: 407px){._7qjy1ule._7qjy1ule .show-only-sm{display:block}}
+@container toolbar-container (min-width: 211px) and (max-width: 408px){._77vl1ule._77vl1ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 280px) and (max-width: 419px){._4cj71ule._4cj71ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 296px) and (max-width: 431px){._1cg81ule._1cg81ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 365px) and (max-width: 499px){._1jvu1ule._1jvu1ule .show-only-sm{display:block}}
+@container toolbar-container (min-width: 408px) and (max-width: 575px){._1h871ule._1h871ule .show-only-md{display:block}}
 @container toolbar-container (min-width: 408px) and (max-width: 647px){._cpaf1ule._cpaf1ule .show-only-md{display:block}}
+@container toolbar-container (min-width: 411px) and (max-width: 476px){._tjgx1ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 420px) and (max-width: 649px){._w81r1ule._w81r1ule .show-only-md{display:block}}
 @container toolbar-container (min-width: 422px) and (max-width: 721px){._1btx1ule .show-only-sm{display:block}}
 @container toolbar-container (min-width: 432px) and (max-width: 661px){._oj3l1ule._oj3l1ule .show-only-md{display:block}}
+@container toolbar-container (min-width: 477px) and (max-width: 768px){._jt9u1ule .show-only-md{display:block}}
 @container toolbar-container (min-width: 500px) and (max-width: 629px){._1vu31ule._1vu31ule .show-only-md{display:block}}
+@container toolbar-container (min-width: 576px) and (max-width: 1024px){._ghxv1ule._ghxv1ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 630px) and (max-width: 1023px){._1bqk1ule._1bqk1ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 648px) and (max-width: 1023px){._1oqh1ule._1oqh1ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 650px) and (max-width: 1023px){._1ym01ule._1ym01ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 662px) and (max-width: 1023px){._wt211ule._wt211ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 722px) and (max-width: 857px){._biad1ule .show-only-md{display:block}}
+@container toolbar-container (min-width: 768px) and (max-width: 1024px){._6c751ule .show-only-lg{display:block}}
 @container toolbar-container (min-width: 858px) and (max-width: 1023px){._1ana1ule .show-only-lg{display:block}}
 @media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
 @media (max-width:533px){._ut18glyw .show-above-md{display:none}._1nwo1ule .show-below-md{display:block}}

package/dist/esm/ui/ResponsiveContainer.js

@@ -17,8 +17,8 @@ var styles = {
   jiraIssue: "_152xglyw _1cn41ule _4cj71ule _afriglyw _ozjb1ule _w81r1ule _1mckglyw _r2nv1ule _1ym01ule _tzm6glyw _ktne1ule _87bn1ule",
   jsmComment: "_s2iiglyw _o4331ule _1jvu1ule _lankglyw _1xpy1ule _1vu31ule _1b07glyw _1meg1ule _1bqk1ule _tzm6glyw _ktne1ule _87bn1ule",
   confluenceComment: "_15nrglyw _cm5a1ule _7qjy1ule _13ioglyw _8urt1ule _cpaf1ule _18zmglyw _1uj01ule _1oqh1ule _tzm6glyw _ktne1ule _87bn1ule",
-  responsiveRules: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
-  responsiveRulesReduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
+  responsiveRules: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule _1je21ule _tjgx1ule _jt9u1ule _6c751ule",
+  responsiveRulesReduced: "_j094glyw _1mc51ule _77vl1ule _gipeglyw _311r1ule _1h871ule _11u4glyw _v1i61ule _ghxv1ule _19x4glyw _qck01ule _87bn1ule",
   responsiveRulesReducedOverridden: "_e2nbglyw _ol4q1ule",
   responsiveRulesWrapper: "_1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _33p2glyw _1dre1ule _u47mglyw _rut51ule _fj5dglyw _5wt61ule _hmx4glyw _1rrm1ule _ut18glyw _1nwo1ule _19fzglyw _1r831ule"
 };

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.7",
+	"version": "0.18.9",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"team": "Editor: Jenga",
@@ -24,15 +24,15 @@
 		"@atlaskit/badge": "^18.3.0",
 		"@atlaskit/browser-apis": "^0.0.1",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/icon": "^29.3.0",
-		"@atlaskit/icon-lab": "^5.13.0",
+		"@atlaskit/dropdown-menu": "^16.4.0",
+		"@atlaskit/icon": "^29.4.0",
+		"@atlaskit/icon-lab": "^5.14.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.8.0",
+		"@atlaskit/popup": "^4.13.0",
 		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.0.0",
-		"@atlaskit/tokens": "^9.0.0",
-		"@atlaskit/tooltip": "^20.11.0",
+		"@atlaskit/tmp-editor-statsig": "^16.10.0",
+		"@atlaskit/tokens": "^9.1.0",
+		"@atlaskit/tooltip": "^20.12.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
 		"chromatism": "^2.6.0"