@atlaskit/color-picker 3.3.2 → 3.4.0

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.
Files changed (11) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/components/ColorCard.js +7 -11
  3. package/dist/cjs/components/ColorPaletteMenu.js +2 -2
  4. package/dist/cjs/components/ColorPicker.js +1 -1
  5. package/dist/es2019/components/ColorCard.js +7 -11
  6. package/dist/es2019/components/ColorPaletteMenu.js +2 -2
  7. package/dist/es2019/components/ColorPicker.js +1 -1
  8. package/dist/esm/components/ColorCard.js +7 -11
  9. package/dist/esm/components/ColorPaletteMenu.js +2 -2
  10. package/dist/esm/components/ColorPicker.js +1 -1
  11. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/color-picker
2
2
 
3
+ ## 3.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#148825](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/148825)
8
+ [`6ae0fe514c103`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6ae0fe514c103) -
9
+ Enable new icons behind a feature flag.
10
+
11
+ ## 3.3.3
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 3.3.2
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/components/ColorCard.js CHANGED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
- var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
11
+ var _checkMarkEditorDone = _interopRequireDefault(require("@atlaskit/icon/core/migration/check-mark--editor-done"));
12
12
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
13
13
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
14
  var _constants = require("../constants");
@@ -114,12 +114,12 @@ var ColorCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, componentRe
114
114
  style: {
115
115
  background: value || 'transparent'
116
116
  }
117
- }, selected && (0, _react2.jsx)("div", {
118
- css: colorCardContentCheckMarkStyles
119
- }, (0, _react2.jsx)(_done.default, {
120
- primaryColor: checkMarkColor,
121
- label: ""
122
- })))));
117
+ }, selected && (0, _react2.jsx)(_checkMarkEditorDone.default, {
118
+ color: checkMarkColor,
119
+ label: "",
120
+ spacing: "spacious",
121
+ LEGACY_margin: "1px"
122
+ }))));
123
123
  });
124
124
  });
125
125
  var _default = exports.default = ColorCard;
@@ -132,10 +132,6 @@ var colorCardOptionTabbingStyles = (0, _react2.css)({
132
132
  var colorCardOptionFocusedStyles = (0, _react2.css)({
133
133
  borderColor: "var(--ds-border-focused, ".concat(_colors.B75, ")")
134
134
  });
135
- var colorCardContentCheckMarkStyles = (0, _react2.css)({
136
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
137
- margin: '1px'
138
- });
139
135
  var sharedColorContainerStyles = (0, _react2.css)({
140
136
  display: 'inline-block',
141
137
  position: 'relative',
package/dist/cjs/components/ColorPaletteMenu.js CHANGED
@@ -64,7 +64,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
64
64
  attributes: {
65
65
  componentName: 'color-picker',
66
66
  packageName: "@atlaskit/color-picker",
67
- packageVersion: "3.3.2"
67
+ packageVersion: "3.4.0"
68
68
  }
69
69
  })(createAnalyticsEvent);
70
70
  }
@@ -157,7 +157,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
157
157
  var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
158
158
  componentName: 'color-picker',
159
159
  packageName: "@atlaskit/color-picker",
160
- packageVersion: "3.3.2"
160
+ packageVersion: "3.4.0"
161
161
  })((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
162
162
  var colorCardWrapperStyles = (0, _react2.css)({
163
163
  display: 'flex',
package/dist/cjs/components/ColorPicker.js CHANGED
@@ -42,7 +42,7 @@ var defaultPopperProps = {
42
42
  placement: 'bottom-start'
43
43
  };
44
44
  var packageName = "@atlaskit/color-picker";
45
- var packageVersion = "3.3.2";
45
+ var packageVersion = "3.4.0";
46
46
  var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
47
47
  (0, _inherits2.default)(ColorPickerWithoutAnalyticsBase, _React$Component);
48
48
  var _super = _createSuper(ColorPickerWithoutAnalyticsBase);
package/dist/es2019/components/ColorCard.js CHANGED
@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
4
4
  * @jsx jsx
5
5
  */
6
6
  import React, { useCallback, useRef, useImperativeHandle, forwardRef } from 'react';
7
- import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
7
+ import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
8
8
  import Tooltip from '@atlaskit/tooltip';
9
9
  import { fg } from '@atlaskit/platform-feature-flags';
10
10
  import { COLOR_PALETTE_MENU, KEY_ENTER, KEY_SPACE, KEY_TAB } from '../constants';
@@ -99,12 +99,12 @@ const ColorCard = /*#__PURE__*/forwardRef((props, componentRef) => {
99
99
  style: {
100
100
  background: value || 'transparent'
101
101
  }
102
- }, selected && jsx("div", {
103
- css: colorCardContentCheckMarkStyles
104
- }, jsx(EditorDoneIcon, {
105
- primaryColor: checkMarkColor,
106
- label: ""
107
- })))));
102
+ }, selected && jsx(EditorDoneIcon, {
103
+ color: checkMarkColor,
104
+ label: "",
105
+ spacing: "spacious",
106
+ LEGACY_margin: "1px"
107
+ }))));
108
108
  });
109
109
  });
110
110
  export default ColorCard;
@@ -117,10 +117,6 @@ const colorCardOptionTabbingStyles = css({
117
117
  const colorCardOptionFocusedStyles = css({
118
118
  borderColor: `var(--ds-border-focused, ${B75})`
119
119
  });
120
- const colorCardContentCheckMarkStyles = css({
121
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
122
- margin: '1px'
123
- });
124
120
  const sharedColorContainerStyles = css({
125
121
  display: 'inline-block',
126
122
  position: 'relative',
package/dist/es2019/components/ColorPaletteMenu.js CHANGED
@@ -46,7 +46,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
46
46
  attributes: {
47
47
  componentName: 'color-picker',
48
48
  packageName: "@atlaskit/color-picker",
49
- packageVersion: "3.3.2"
49
+ packageVersion: "3.4.0"
50
50
  }
51
51
  })(createAnalyticsEvent);
52
52
  }
@@ -132,7 +132,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
132
132
  export default withAnalyticsContext({
133
133
  componentName: 'color-picker',
134
134
  packageName: "@atlaskit/color-picker",
135
- packageVersion: "3.3.2"
135
+ packageVersion: "3.4.0"
136
136
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
137
137
  const colorCardWrapperStyles = css({
138
138
  display: 'flex',
package/dist/es2019/components/ColorPicker.js CHANGED
@@ -26,7 +26,7 @@ const defaultPopperProps = {
26
26
  placement: 'bottom-start'
27
27
  };
28
28
  const packageName = "@atlaskit/color-picker";
29
- const packageVersion = "3.3.2";
29
+ const packageVersion = "3.4.0";
30
30
  class ColorPickerWithoutAnalyticsBase extends React.Component {
31
31
  constructor(...args) {
32
32
  super(...args);
package/dist/esm/components/ColorCard.js CHANGED
@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
4
4
  * @jsx jsx
5
5
  */
6
6
  import React, { useCallback, useRef, useImperativeHandle, forwardRef } from 'react';
7
- import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
7
+ import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
8
8
  import Tooltip from '@atlaskit/tooltip';
9
9
  import { fg } from '@atlaskit/platform-feature-flags';
10
10
  import { COLOR_PALETTE_MENU, KEY_ENTER, KEY_SPACE, KEY_TAB } from '../constants';
@@ -102,12 +102,12 @@ var ColorCard = /*#__PURE__*/forwardRef(function (props, componentRef) {
102
102
  style: {
103
103
  background: value || 'transparent'
104
104
  }
105
- }, selected && jsx("div", {
106
- css: colorCardContentCheckMarkStyles
107
- }, jsx(EditorDoneIcon, {
108
- primaryColor: checkMarkColor,
109
- label: ""
110
- })))));
105
+ }, selected && jsx(EditorDoneIcon, {
106
+ color: checkMarkColor,
107
+ label: "",
108
+ spacing: "spacious",
109
+ LEGACY_margin: "1px"
110
+ }))));
111
111
  });
112
112
  });
113
113
  export default ColorCard;
@@ -120,10 +120,6 @@ var colorCardOptionTabbingStyles = css({
120
120
  var colorCardOptionFocusedStyles = css({
121
121
  borderColor: "var(--ds-border-focused, ".concat(B75, ")")
122
122
  });
123
- var colorCardContentCheckMarkStyles = css({
124
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
125
- margin: '1px'
126
- });
127
123
  var sharedColorContainerStyles = css({
128
124
  display: 'inline-block',
129
125
  position: 'relative',
package/dist/esm/components/ColorPaletteMenu.js CHANGED
@@ -55,7 +55,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
55
55
  attributes: {
56
56
  componentName: 'color-picker',
57
57
  packageName: "@atlaskit/color-picker",
58
- packageVersion: "3.3.2"
58
+ packageVersion: "3.4.0"
59
59
  }
60
60
  })(createAnalyticsEvent);
61
61
  }
@@ -148,7 +148,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
148
148
  export default withAnalyticsContext({
149
149
  componentName: 'color-picker',
150
150
  packageName: "@atlaskit/color-picker",
151
- packageVersion: "3.3.2"
151
+ packageVersion: "3.4.0"
152
152
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
153
153
  var colorCardWrapperStyles = css({
154
154
  display: 'flex',
package/dist/esm/components/ColorPicker.js CHANGED
@@ -34,7 +34,7 @@ var defaultPopperProps = {
34
34
  placement: 'bottom-start'
35
35
  };
36
36
  var packageName = "@atlaskit/color-picker";
37
- var packageVersion = "3.3.2";
37
+ var packageVersion = "3.4.0";
38
38
  var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
39
39
  _inherits(ColorPickerWithoutAnalyticsBase, _React$Component);
40
40
  var _super = _createSuper(ColorPickerWithoutAnalyticsBase);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/color-picker",
3
- "version": "3.3.2",
3
+ "version": "3.4.0",
4
4
  "description": "Jira Color Picker Component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -30,12 +30,12 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@atlaskit/analytics-next": "^10.1.0",
33
- "@atlaskit/icon": "^22.18.0",
33
+ "@atlaskit/icon": "^22.20.0",
34
34
  "@atlaskit/platform-feature-flags": "0.3.0",
35
35
  "@atlaskit/select": "^17.19.0",
36
36
  "@atlaskit/theme": "^13.0.0",
37
- "@atlaskit/tokens": "^1.60.0",
38
- "@atlaskit/tooltip": "^18.7.0",
37
+ "@atlaskit/tokens": "^2.0.0",
38
+ "@atlaskit/tooltip": "^18.8.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "@emotion/react": "^11.7.1",
41
41
  "memoize-one": "^6.0.0",
@@ -47,7 +47,7 @@
47
47
  },
48
48
  "devDependencies": {
49
49
  "@af/visual-regression": "*",
50
- "@atlaskit/primitives": "^12.1.0",
50
+ "@atlaskit/primitives": "^12.2.0",
51
51
  "@atlaskit/visual-regression": "*",
52
52
  "@testing-library/react": "^12.1.5",
53
53
  "@testing-library/user-event": "^14.4.3",