@atlaskit/color-picker 5.2.19 → 5.3.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 (12) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/afm-products/tsconfig.json +52 -0
  3. package/dist/cjs/components/ColorCard.js +3 -4
  4. package/dist/cjs/components/ColorPaletteMenu.js +2 -2
  5. package/dist/cjs/components/ColorPicker.js +1 -1
  6. package/dist/es2019/components/ColorCard.js +2 -3
  7. package/dist/es2019/components/ColorPaletteMenu.js +2 -2
  8. package/dist/es2019/components/ColorPicker.js +1 -1
  9. package/dist/esm/components/ColorCard.js +2 -3
  10. package/dist/esm/components/ColorPaletteMenu.js +2 -2
  11. package/dist/esm/components/ColorPicker.js +1 -1
  12. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/color-picker
2
2
 
3
+ ## 5.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`87b12e64ff750`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/87b12e64ff750) -
8
+ Removed usages of LEGACY icon props
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
14
+ ## 5.2.20
15
+
16
+ ### Patch Changes
17
+
18
+ - [`6a82d7964a37b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6a82d7964a37b) -
19
+ Icon entrypoint migration
20
+ - Updated dependencies
21
+
3
22
  ## 5.2.19
4
23
 
5
24
  ### Patch Changes
package/afm-products/tsconfig.json ADDED
@@ -0,0 +1,52 @@
1
+ {
2
+ "extends": "../../../../tsconfig.entry-points.products.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../tsDist/@atlaskit__color-picker/app",
7
+ "rootDir": "../",
8
+ "composite": true,
9
+ "noCheck": true
10
+ },
11
+ "include": [
12
+ "../src/**/*.ts",
13
+ "../src/**/*.tsx"
14
+ ],
15
+ "exclude": [
16
+ "../src/**/__tests__/*",
17
+ "../src/**/*.test.*",
18
+ "../src/**/test.*",
19
+ "../src/**/examples.*",
20
+ "../src/**/examples/*",
21
+ "../src/**/examples/**/*",
22
+ "../src/**/*.stories.*",
23
+ "../src/**/stories/*",
24
+ "../src/**/stories/**/*"
25
+ ],
26
+ "references": [
27
+ {
28
+ "path": "../../../analytics/analytics-next/afm-products/tsconfig.json"
29
+ },
30
+ {
31
+ "path": "../../../design-system/css/afm-products/tsconfig.json"
32
+ },
33
+ {
34
+ "path": "../../../design-system/icon/afm-products/tsconfig.json"
35
+ },
36
+ {
37
+ "path": "../../../platform/feature-flags/afm-products/tsconfig.json"
38
+ },
39
+ {
40
+ "path": "../../../design-system/select/afm-products/tsconfig.json"
41
+ },
42
+ {
43
+ "path": "../../../design-system/theme/afm-products/tsconfig.json"
44
+ },
45
+ {
46
+ "path": "../../../design-system/tokens/afm-products/tsconfig.json"
47
+ },
48
+ {
49
+ "path": "../../../design-system/tooltip/afm-products/tsconfig.json"
50
+ }
51
+ ]
52
+ }
package/dist/cjs/components/ColorCard.js CHANGED
@@ -11,7 +11,7 @@ require("./ColorCard.compiled.css");
11
11
  var _runtime = require("@compiled/react/runtime");
12
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
13
  var _react = _interopRequireWildcard(require("react"));
14
- var _checkMarkEditorDone = _interopRequireDefault(require("@atlaskit/icon/core/migration/check-mark--editor-done"));
14
+ var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
15
15
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
16
16
  var _constants = require("../constants");
17
17
  var _colors = require("@atlaskit/theme/colors");
@@ -108,11 +108,10 @@ var ColorCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, componentRe
108
108
  backgroundColor: value || 'transparent'
109
109
  },
110
110
  className: (0, _runtime.ax)(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1dm9 _1dqonqa1 _16qsglyw"])
111
- }, selected && /*#__PURE__*/_react.default.createElement(_checkMarkEditorDone.default, {
111
+ }, selected && /*#__PURE__*/_react.default.createElement(_checkMark.default, {
112
112
  color: newCheckmarkColor,
113
113
  label: "",
114
- spacing: "spacious",
115
- LEGACY_margin: "1px"
114
+ spacing: "spacious"
116
115
  }))));
117
116
  });
118
117
  });
package/dist/cjs/components/ColorPaletteMenu.js CHANGED
@@ -62,7 +62,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
62
62
  attributes: {
63
63
  componentName: 'color-picker',
64
64
  packageName: "@atlaskit/color-picker",
65
- packageVersion: "0.0.0-development"
65
+ packageVersion: "5.3.0"
66
66
  }
67
67
  })(createAnalyticsEvent);
68
68
  }
@@ -147,7 +147,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
147
147
  var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
148
148
  componentName: 'color-picker',
149
149
  packageName: "@atlaskit/color-picker",
150
- packageVersion: "0.0.0-development"
150
+ packageVersion: "5.3.0"
151
151
  })((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
152
152
  var colorCardWrapperStyles = null;
153
153
  var colorPaletteContainerStyles = null;
package/dist/cjs/components/ColorPicker.js CHANGED
@@ -40,7 +40,7 @@ var defaultPopperProps = {
40
40
  placement: 'bottom-start'
41
41
  };
42
42
  var packageName = "@atlaskit/color-picker";
43
- var packageVersion = "0.0.0-development";
43
+ var packageVersion = "5.3.0";
44
44
  var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
45
45
  function ColorPickerWithoutAnalyticsBase() {
46
46
  var _this;
package/dist/es2019/components/ColorCard.js CHANGED
@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./ColorCard.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React, { useCallback, useRef, useImperativeHandle, forwardRef } from 'react';
6
- import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
6
+ import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
7
7
  import Tooltip from '@atlaskit/tooltip';
8
8
  import { COLOR_PALETTE_MENU, KEY_ENTER, KEY_SPACE, KEY_TAB } from '../constants';
9
9
  import { N0, DN600A, B75 } from '@atlaskit/theme/colors';
@@ -98,8 +98,7 @@ const ColorCard = /*#__PURE__*/forwardRef((props, componentRef) => {
98
98
  }, selected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
99
99
  color: newCheckmarkColor,
100
100
  label: "",
101
- spacing: "spacious",
102
- LEGACY_margin: "1px"
101
+ spacing: "spacious"
103
102
  }))));
104
103
  });
105
104
  });
package/dist/es2019/components/ColorPaletteMenu.js CHANGED
@@ -43,7 +43,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
43
43
  attributes: {
44
44
  componentName: 'color-picker',
45
45
  packageName: "@atlaskit/color-picker",
46
- packageVersion: "0.0.0-development"
46
+ packageVersion: "5.3.0"
47
47
  }
48
48
  })(createAnalyticsEvent);
49
49
  }
@@ -121,7 +121,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
121
121
  export default withAnalyticsContext({
122
122
  componentName: 'color-picker',
123
123
  packageName: "@atlaskit/color-picker",
124
- packageVersion: "0.0.0-development"
124
+ packageVersion: "5.3.0"
125
125
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
126
126
  const colorCardWrapperStyles = null;
127
127
  const colorPaletteContainerStyles = null;
package/dist/es2019/components/ColorPicker.js CHANGED
@@ -25,7 +25,7 @@ const defaultPopperProps = {
25
25
  placement: 'bottom-start'
26
26
  };
27
27
  const packageName = "@atlaskit/color-picker";
28
- const packageVersion = "0.0.0-development";
28
+ const packageVersion = "5.3.0";
29
29
  class ColorPickerWithoutAnalyticsBase extends React.Component {
30
30
  constructor(...args) {
31
31
  super(...args);
package/dist/esm/components/ColorCard.js CHANGED
@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./ColorCard.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React, { useCallback, useRef, useImperativeHandle, forwardRef } from 'react';
6
- import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
6
+ import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
7
7
  import Tooltip from '@atlaskit/tooltip';
8
8
  import { COLOR_PALETTE_MENU, KEY_ENTER, KEY_SPACE, KEY_TAB } from '../constants';
9
9
  import { N0, DN600A, B75 } from '@atlaskit/theme/colors';
@@ -102,8 +102,7 @@ var ColorCard = /*#__PURE__*/forwardRef(function (props, componentRef) {
102
102
  }, selected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
103
103
  color: newCheckmarkColor,
104
104
  label: "",
105
- spacing: "spacious",
106
- LEGACY_margin: "1px"
105
+ spacing: "spacious"
107
106
  }))));
108
107
  });
109
108
  });
package/dist/esm/components/ColorPaletteMenu.js CHANGED
@@ -53,7 +53,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
53
53
  attributes: {
54
54
  componentName: 'color-picker',
55
55
  packageName: "@atlaskit/color-picker",
56
- packageVersion: "0.0.0-development"
56
+ packageVersion: "5.3.0"
57
57
  }
58
58
  })(createAnalyticsEvent);
59
59
  }
@@ -138,7 +138,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
138
138
  export default withAnalyticsContext({
139
139
  componentName: 'color-picker',
140
140
  packageName: "@atlaskit/color-picker",
141
- packageVersion: "0.0.0-development"
141
+ packageVersion: "5.3.0"
142
142
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
143
143
  var colorCardWrapperStyles = null;
144
144
  var colorPaletteContainerStyles = null;
package/dist/esm/components/ColorPicker.js CHANGED
@@ -32,7 +32,7 @@ var defaultPopperProps = {
32
32
  placement: 'bottom-start'
33
33
  };
34
34
  var packageName = "@atlaskit/color-picker";
35
- var packageVersion = "0.0.0-development";
35
+ var packageVersion = "5.3.0";
36
36
  var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
37
37
  function ColorPickerWithoutAnalyticsBase() {
38
38
  var _this;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/color-picker",
3
- "version": "5.2.19",
3
+ "version": "5.3.0",
4
4
  "description": "Jira Color Picker Component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -29,13 +29,13 @@
29
29
  },
30
30
  "dependencies": {
31
31
  "@atlaskit/analytics-next": "^11.1.0",
32
- "@atlaskit/css": "^0.18.0",
33
- "@atlaskit/icon": "^29.2.0",
32
+ "@atlaskit/css": "^0.19.0",
33
+ "@atlaskit/icon": "^29.4.0",
34
34
  "@atlaskit/platform-feature-flags": "^1.1.0",
35
35
  "@atlaskit/select": "^21.6.0",
36
36
  "@atlaskit/theme": "^21.0.0",
37
- "@atlaskit/tokens": "^8.6.0",
38
- "@atlaskit/tooltip": "^20.11.0",
37
+ "@atlaskit/tokens": "^9.1.0",
38
+ "@atlaskit/tooltip": "^20.12.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "@compiled/react": "^0.18.6",
41
41
  "memoize-one": "^6.0.0",
@@ -48,7 +48,7 @@
48
48
  "devDependencies": {
49
49
  "@af/integration-testing": "workspace:^",
50
50
  "@af/visual-regression": "workspace:^",
51
- "@atlaskit/primitives": "^16.4.0",
51
+ "@atlaskit/primitives": "^17.0.0",
52
52
  "@testing-library/react": "^13.4.0",
53
53
  "@testing-library/user-event": "^14.4.3",
54
54
  "ast-types": "^0.13.3",