@atlaskit/color-picker 3.2.20 → 3.2.21

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 +7 -0
  2. package/afm-cc/tsconfig.json +0 -3
  3. package/dist/cjs/components/ColorCard.js +2 -25
  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 -25
  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 -25
  10. package/dist/esm/components/ColorPaletteMenu.js +2 -2
  11. package/dist/esm/components/ColorPicker.js +1 -1
  12. package/package.json +2 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/color-picker
2
2
 
3
+ ## 3.2.21
4
+
5
+ ### Patch Changes
6
+
7
+ - [`62cf13123dd15`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/62cf13123dd15) -
8
+ Cleanup platform.jca11y-2997-remove-duplicate-screen-reader-announcements_fz13s
9
+
3
10
  ## 3.2.20
4
11
 
5
12
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -24,9 +24,6 @@
24
24
  {
25
25
  "path": "../../../design-system/icon/afm-cc/tsconfig.json"
26
26
  },
27
- {
28
- "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
29
- },
30
27
  {
31
28
  "path": "../../../design-system/select/afm-cc/tsconfig.json"
32
29
  },
package/dist/cjs/components/ColorCard.js CHANGED
@@ -13,7 +13,6 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
13
13
  var _constants = require("../constants");
14
14
  var _react2 = require("@emotion/react");
15
15
  var _colors = require("@atlaskit/theme/colors");
16
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
16
  var _useCallbackRef = require("use-callback-ref");
18
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
19
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -69,7 +68,7 @@ var ColorCard = function ColorCard(props) {
69
68
  }, []);
70
69
  return (0, _react2.jsx)(_tooltip.default, {
71
70
  content: label
72
- }, (0, _platformFeatureFlags.fg)('platform.jca11y-2997-remove-duplicate-screen-reader-announcements_fz13s') ? function (tooltipProps) {
71
+ }, function (tooltipProps) {
73
72
  delete tooltipProps['aria-describedby'];
74
73
  return (0, _react2.jsx)("div", (0, _extends2.default)({}, tooltipProps, {
75
74
  css: [sharedColorContainerStyles, (isTabbing === undefined || isTabbing) && colorCardOptionTabbingStyles, focused && !isTabbing && colorCardOptionFocusedStyles],
@@ -94,29 +93,7 @@ var ColorCard = function ColorCard(props) {
94
93
  primaryColor: checkMarkColor,
95
94
  label: ""
96
95
  })))));
97
- } : (0, _react2.jsx)("div", {
98
- css: [sharedColorContainerStyles, (isTabbing === undefined || isTabbing) && colorCardOptionTabbingStyles, focused && !isTabbing && colorCardOptionFocusedStyles],
99
- onClick: handleClick,
100
- onMouseDown: handleMouseDown,
101
- onKeyDown: handleKeyDown,
102
- role: "radio",
103
- "aria-checked": selected,
104
- "aria-label": label,
105
- tabIndex: 0,
106
- ref: ref
107
- }, (0, _react2.jsx)("div", {
108
- css: colorCardWrapperStyles
109
- }, (0, _react2.jsx)("div", {
110
- css: colorCardContentStyles,
111
- style: {
112
- background: value || 'transparent'
113
- }
114
- }, selected && (0, _react2.jsx)("div", {
115
- css: colorCardContentCheckMarkStyles
116
- }, (0, _react2.jsx)(_done.default, {
117
- primaryColor: checkMarkColor,
118
- label: ""
119
- }))))));
96
+ });
120
97
  };
121
98
  var _default = exports.default = ColorCard;
122
99
  var colorCardOptionTabbingStyles = (0, _react2.css)({
package/dist/cjs/components/ColorPaletteMenu.js CHANGED
@@ -39,7 +39,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
39
39
  attributes: {
40
40
  componentName: 'color-picker',
41
41
  packageName: "@atlaskit/color-picker",
42
- packageVersion: "3.2.20"
42
+ packageVersion: "3.2.21"
43
43
  }
44
44
  })(createAnalyticsEvent);
45
45
  }
@@ -86,7 +86,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
86
86
  var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
87
87
  componentName: 'color-picker',
88
88
  packageName: "@atlaskit/color-picker",
89
- packageVersion: "3.2.20"
89
+ packageVersion: "3.2.21"
90
90
  })((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
91
91
  var colorCardWrapperStyles = (0, _react.css)({
92
92
  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.2.20";
45
+ var packageVersion = "3.2.21";
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
@@ -10,7 +10,6 @@ import { KEY_ENTER, KEY_SPACE } from '../constants';
10
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
11
11
  import { css, jsx } from '@emotion/react';
12
12
  import { N0, DN600A, B75 } from '@atlaskit/theme/colors';
13
- import { fg } from '@atlaskit/platform-feature-flags';
14
13
  import { mergeRefs } from 'use-callback-ref';
15
14
  const ColorCard = props => {
16
15
  const {
@@ -60,7 +59,7 @@ const ColorCard = props => {
60
59
  }, []);
61
60
  return jsx(Tooltip, {
62
61
  content: label
63
- }, fg('platform.jca11y-2997-remove-duplicate-screen-reader-announcements_fz13s') ? tooltipProps => {
62
+ }, tooltipProps => {
64
63
  delete tooltipProps['aria-describedby'];
65
64
  return jsx("div", _extends({}, tooltipProps, {
66
65
  css: [sharedColorContainerStyles, (isTabbing === undefined || isTabbing) && colorCardOptionTabbingStyles, focused && !isTabbing && colorCardOptionFocusedStyles],
@@ -85,29 +84,7 @@ const ColorCard = props => {
85
84
  primaryColor: checkMarkColor,
86
85
  label: ""
87
86
  })))));
88
- } : jsx("div", {
89
- css: [sharedColorContainerStyles, (isTabbing === undefined || isTabbing) && colorCardOptionTabbingStyles, focused && !isTabbing && colorCardOptionFocusedStyles],
90
- onClick: handleClick,
91
- onMouseDown: handleMouseDown,
92
- onKeyDown: handleKeyDown,
93
- role: "radio",
94
- "aria-checked": selected,
95
- "aria-label": label,
96
- tabIndex: 0,
97
- ref: ref
98
- }, jsx("div", {
99
- css: colorCardWrapperStyles
100
- }, jsx("div", {
101
- css: colorCardContentStyles,
102
- style: {
103
- background: value || 'transparent'
104
- }
105
- }, selected && jsx("div", {
106
- css: colorCardContentCheckMarkStyles
107
- }, jsx(EditorDoneIcon, {
108
- primaryColor: checkMarkColor,
109
- label: ""
110
- }))))));
87
+ });
111
88
  };
112
89
  export default ColorCard;
113
90
  const colorCardOptionTabbingStyles = css({
package/dist/es2019/components/ColorPaletteMenu.js CHANGED
@@ -28,7 +28,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
28
28
  attributes: {
29
29
  componentName: 'color-picker',
30
30
  packageName: "@atlaskit/color-picker",
31
- packageVersion: "3.2.20"
31
+ packageVersion: "3.2.21"
32
32
  }
33
33
  })(createAnalyticsEvent);
34
34
  }
@@ -75,7 +75,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
75
75
  export default withAnalyticsContext({
76
76
  componentName: 'color-picker',
77
77
  packageName: "@atlaskit/color-picker",
78
- packageVersion: "3.2.20"
78
+ packageVersion: "3.2.21"
79
79
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
80
80
  const colorCardWrapperStyles = css({
81
81
  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.2.20";
29
+ const packageVersion = "3.2.21";
30
30
  class ColorPickerWithoutAnalyticsBase extends React.Component {
31
31
  constructor(...args) {
32
32
  super(...args);
package/dist/esm/components/ColorCard.js CHANGED
@@ -10,7 +10,6 @@ import { KEY_ENTER, KEY_SPACE } from '../constants';
10
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
11
11
  import { css, jsx } from '@emotion/react';
12
12
  import { N0, DN600A, B75 } from '@atlaskit/theme/colors';
13
- import { fg } from '@atlaskit/platform-feature-flags';
14
13
  import { mergeRefs } from 'use-callback-ref';
15
14
  var ColorCard = function ColorCard(props) {
16
15
  var value = props.value,
@@ -57,7 +56,7 @@ var ColorCard = function ColorCard(props) {
57
56
  }, []);
58
57
  return jsx(Tooltip, {
59
58
  content: label
60
- }, fg('platform.jca11y-2997-remove-duplicate-screen-reader-announcements_fz13s') ? function (tooltipProps) {
59
+ }, function (tooltipProps) {
61
60
  delete tooltipProps['aria-describedby'];
62
61
  return jsx("div", _extends({}, tooltipProps, {
63
62
  css: [sharedColorContainerStyles, (isTabbing === undefined || isTabbing) && colorCardOptionTabbingStyles, focused && !isTabbing && colorCardOptionFocusedStyles],
@@ -82,29 +81,7 @@ var ColorCard = function ColorCard(props) {
82
81
  primaryColor: checkMarkColor,
83
82
  label: ""
84
83
  })))));
85
- } : jsx("div", {
86
- css: [sharedColorContainerStyles, (isTabbing === undefined || isTabbing) && colorCardOptionTabbingStyles, focused && !isTabbing && colorCardOptionFocusedStyles],
87
- onClick: handleClick,
88
- onMouseDown: handleMouseDown,
89
- onKeyDown: handleKeyDown,
90
- role: "radio",
91
- "aria-checked": selected,
92
- "aria-label": label,
93
- tabIndex: 0,
94
- ref: ref
95
- }, jsx("div", {
96
- css: colorCardWrapperStyles
97
- }, jsx("div", {
98
- css: colorCardContentStyles,
99
- style: {
100
- background: value || 'transparent'
101
- }
102
- }, selected && jsx("div", {
103
- css: colorCardContentCheckMarkStyles
104
- }, jsx(EditorDoneIcon, {
105
- primaryColor: checkMarkColor,
106
- label: ""
107
- }))))));
84
+ });
108
85
  };
109
86
  export default ColorCard;
110
87
  var colorCardOptionTabbingStyles = css({
package/dist/esm/components/ColorPaletteMenu.js CHANGED
@@ -30,7 +30,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
30
30
  attributes: {
31
31
  componentName: 'color-picker',
32
32
  packageName: "@atlaskit/color-picker",
33
- packageVersion: "3.2.20"
33
+ packageVersion: "3.2.21"
34
34
  }
35
35
  })(createAnalyticsEvent);
36
36
  }
@@ -77,7 +77,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
77
77
  export default withAnalyticsContext({
78
78
  componentName: 'color-picker',
79
79
  packageName: "@atlaskit/color-picker",
80
- packageVersion: "3.2.20"
80
+ packageVersion: "3.2.21"
81
81
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
82
82
  var colorCardWrapperStyles = css({
83
83
  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.2.20";
37
+ var packageVersion = "3.2.21";
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.2.20",
3
+ "version": "3.2.21",
4
4
  "description": "Jira Color Picker Component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -34,7 +34,6 @@
34
34
  "dependencies": {
35
35
  "@atlaskit/analytics-next": "^9.3.0",
36
36
  "@atlaskit/icon": "^22.7.0",
37
- "@atlaskit/platform-feature-flags": "^0.3.0",
38
37
  "@atlaskit/select": "^17.11.0",
39
38
  "@atlaskit/theme": "^12.11.0",
40
39
  "@atlaskit/tokens": "^1.56.0",
@@ -50,7 +49,7 @@
50
49
  },
51
50
  "devDependencies": {
52
51
  "@af/visual-regression": "*",
53
- "@atlaskit/primitives": "^11.0.0",
52
+ "@atlaskit/primitives": "^11.1.0",
54
53
  "@atlaskit/visual-regression": "*",
55
54
  "@testing-library/react": "^12.1.5",
56
55
  "@testing-library/user-event": "^14.4.3",
@@ -76,10 +75,5 @@
76
75
  "spacing"
77
76
  ]
78
77
  }
79
- },
80
- "platform-feature-flags": {
81
- "platform.jca11y-2997-remove-duplicate-screen-reader-announcements_fz13s": {
82
- "type": "boolean"
83
- }
84
78
  }
85
79
  }