@atlaskit/editor-toolbar 2.2.0 → 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 2.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 2.2.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [`214dc64fb8525`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/214dc64fb8525) -
14
+ [ux] [EDITOR-8122] revert changes to the col-gap in the color picker
15
+
3
16
  ## 2.2.0
4
17
 
5
18
  ### Minor Changes
@@ -9,10 +9,8 @@ exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _chromatism = _interopRequireDefault(require("chromatism"));
11
11
  var _reactIntl = require("react-intl");
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
12
  var _compiled = require("@atlaskit/primitives/compiled");
14
- var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
15
- var _tokens = require("@atlaskit/tokens");
13
+ var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
16
14
  var _Color = require("./Color");
17
15
  var _getColorMessage = _interopRequireDefault(require("./getColorMessage"));
18
16
  var _utils = require("./utils");
@@ -67,10 +65,9 @@ var ColorPalette = function ColorPalette(_ref) {
67
65
  var palette = paletteOptions.palette,
68
66
  hexToPaletteColor = paletteOptions.hexToPaletteColor,
69
67
  paletteColorTooltipMessages = paletteOptions.paletteColorTooltipMessages;
70
- var _useThemeObserver = (0, _tokens.useThemeObserver)(),
68
+ var _useThemeObserver = (0, _useThemeObserver2.useThemeObserver)(),
71
69
  tokenTheme = _useThemeObserver.colorMode;
72
70
  var useIconToken = !!hexToPaletteColor;
73
- var columnSpace = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_lovability_text_bg_color_patch_1') ? 'space.050' : undefined;
74
71
 
75
72
  // Refs for keyboard navigation
76
73
  var paletteRef = (0, _react.useRef)(null);
@@ -262,7 +259,6 @@ var ColorPalette = function ColorPalette(_ref) {
262
259
  }, colorsPerRow.map(function (row, rowIndex) {
263
260
  return /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
264
261
  rowSpace: "space.050",
265
- space: columnSpace,
266
262
  key: "row-first-color-".concat(row[0].value),
267
263
  role: "radiogroup"
268
264
  }, row.map(function (_ref2, colIndex) {
@@ -1,10 +1,8 @@
1
1
  import React, { useMemo, useCallback, useRef, useEffect } from 'react';
2
2
  import chromatism from 'chromatism';
3
3
  import { useIntl } from 'react-intl';
4
- import { fg } from '@atlaskit/platform-feature-flags';
5
4
  import { Grid, Inline } from '@atlaskit/primitives/compiled';
6
- import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
7
- import { useThemeObserver } from '@atlaskit/tokens';
5
+ import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
8
6
  import { Color } from './Color';
9
7
  import getColorMessage from './getColorMessage';
10
8
  import { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue } from './utils';
@@ -64,7 +62,6 @@ const ColorPalette = ({
64
62
  colorMode: tokenTheme
65
63
  } = useThemeObserver();
66
64
  const useIconToken = !!hexToPaletteColor;
67
- const columnSpace = expValEqualsNoExposure('platform_editor_lovability_text_bg_color', 'isEnabled', true) && fg('platform_editor_lovability_text_bg_color_patch_1') ? 'space.050' : undefined;
68
65
 
69
66
  // Refs for keyboard navigation
70
67
  const paletteRef = useRef(null);
@@ -257,7 +254,6 @@ const ColorPalette = ({
257
254
  role: "group"
258
255
  }, colorsPerRow.map((row, rowIndex) => /*#__PURE__*/React.createElement(Inline, {
259
256
  rowSpace: "space.050",
260
- space: columnSpace,
261
257
  key: `row-first-color-${row[0].value}`,
262
258
  role: "radiogroup"
263
259
  }, row.map(({
@@ -1,10 +1,8 @@
1
1
  import React, { useMemo, useCallback, useRef, useEffect } from 'react';
2
2
  import chromatism from 'chromatism';
3
3
  import { useIntl } from 'react-intl';
4
- import { fg } from '@atlaskit/platform-feature-flags';
5
4
  import { Grid, Inline } from '@atlaskit/primitives/compiled';
6
- import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
7
- import { useThemeObserver } from '@atlaskit/tokens';
5
+ import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
8
6
  import { Color } from './Color';
9
7
  import getColorMessage from './getColorMessage';
10
8
  import { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue } from './utils';
@@ -62,7 +60,6 @@ var ColorPalette = function ColorPalette(_ref) {
62
60
  var _useThemeObserver = useThemeObserver(),
63
61
  tokenTheme = _useThemeObserver.colorMode;
64
62
  var useIconToken = !!hexToPaletteColor;
65
- var columnSpace = expValEqualsNoExposure('platform_editor_lovability_text_bg_color', 'isEnabled', true) && fg('platform_editor_lovability_text_bg_color_patch_1') ? 'space.050' : undefined;
66
63
 
67
64
  // Refs for keyboard navigation
68
65
  var paletteRef = useRef(null);
@@ -254,7 +251,6 @@ var ColorPalette = function ColorPalette(_ref) {
254
251
  }, colorsPerRow.map(function (row, rowIndex) {
255
252
  return /*#__PURE__*/React.createElement(Inline, {
256
253
  rowSpace: "space.050",
257
- space: columnSpace,
258
254
  key: "row-first-color-".concat(row[0].value),
259
255
  role: "radiogroup"
260
256
  }, row.map(function (_ref2, colIndex) {
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "2.2.0",
6
+ "version": "2.2.2",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "react-compiler": {
@@ -38,8 +38,8 @@
38
38
  "@atlaskit/popup": "^5.1.0",
39
39
  "@atlaskit/primitives": "^20.6.0",
40
40
  "@atlaskit/react-compiler-gating": "^0.2.0",
41
- "@atlaskit/tmp-editor-statsig": "^124.1.0",
42
- "@atlaskit/tokens": "^15.6.0",
41
+ "@atlaskit/tmp-editor-statsig": "^125.0.0",
42
+ "@atlaskit/tokens": "^15.8.0",
43
43
  "@atlaskit/tooltip": "^23.1.0",
44
44
  "@babel/runtime": "^7.0.0",
45
45
  "@compiled/react": "^0.20.0",