@atlaskit/color-picker 3.2.7 → 3.2.9

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 +12 -0
  2. package/dist/cjs/components/ColorCard.js +10 -6
  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 +10 -6
  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 +10 -6
  9. package/dist/esm/components/ColorPaletteMenu.js +2 -2
  10. package/dist/esm/components/ColorPicker.js +1 -1
  11. package/package.json +5 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/color-picker
2
2
 
3
+ ## 3.2.9
4
+
5
+ ### Patch Changes
6
+
7
+ - [#91588](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91588) [`464adc72109c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/464adc72109c) - removed duplicate label annoucements for screen reader users at ColorPaletteMenu component
8
+
9
+ ## 3.2.8
10
+
11
+ ### Patch Changes
12
+
13
+ - [#91880](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91880) [`b4448486d34b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b4448486d34b) - [ux] Fixed token for width and height of color cards and added VR tests
14
+
3
15
  ## 3.2.7
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/components/ColorCard.js CHANGED
@@ -71,8 +71,10 @@ var ColorCard = function ColorCard(props) {
71
71
  onMouseDown: handleMouseDown,
72
72
  onKeyDown: handleKeyDown,
73
73
  role: "radio",
74
- "aria-checked": selected,
75
- "aria-label": label,
74
+ "aria-checked": selected
75
+ }, !(0, _platformFeatureFlags.getBooleanFF)('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
76
+ 'aria-label': label
77
+ }, {
76
78
  tabIndex: 0
77
79
  }, (0, _platformFeatureFlags.getBooleanFF)('platform.color-picker-radio-button-functionality_6hkcy') && {
78
80
  ref: ref
@@ -96,8 +98,10 @@ var ColorCard = function ColorCard(props) {
96
98
  onMouseDown: handleMouseDown,
97
99
  onKeyDown: handleKeyDown,
98
100
  role: "radio",
99
- "aria-checked": selected,
100
- "aria-label": label,
101
+ "aria-checked": selected
102
+ }, !(0, _platformFeatureFlags.getBooleanFF)('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
103
+ 'aria-label': label
104
+ }, {
101
105
  tabIndex: 0
102
106
  }, (0, _platformFeatureFlags.getBooleanFF)('platform.color-picker-radio-button-functionality_6hkcy') && {
103
107
  ref: ref
@@ -153,8 +157,8 @@ var colorCardContentCheckMarkStyles = (0, _react2.css)({
153
157
  var sharedColorContainerStylesNew = (0, _react2.css)({
154
158
  display: 'inline-block',
155
159
  position: 'relative',
156
- width: "var(--ds-space-300, 32px)",
157
- height: "var(--ds-space-300, 32px)",
160
+ width: "var(--ds-space-400, 32px)",
161
+ height: "var(--ds-space-400, 32px)",
158
162
  border: '2px solid transparent',
159
163
  boxSizing: 'border-box',
160
164
  borderRadius: "var(--ds-border-radius-200, 6px)",
package/dist/cjs/components/ColorPaletteMenu.js CHANGED
@@ -36,7 +36,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
36
36
  attributes: {
37
37
  componentName: 'color-picker',
38
38
  packageName: "@atlaskit/color-picker",
39
- packageVersion: "3.2.7"
39
+ packageVersion: "3.2.9"
40
40
  }
41
41
  })(createAnalyticsEvent);
42
42
  }
@@ -78,7 +78,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
78
78
  var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
79
79
  componentName: 'color-picker',
80
80
  packageName: "@atlaskit/color-picker",
81
- packageVersion: "3.2.7"
81
+ packageVersion: "3.2.9"
82
82
  })((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
83
83
  var colorCardWrapperStylesOld = (0, _react.css)({
84
84
  display: 'flex',
package/dist/cjs/components/ColorPicker.js CHANGED
@@ -38,7 +38,7 @@ var defaultPopperProps = {
38
38
  placement: 'bottom-start'
39
39
  };
40
40
  var packageName = "@atlaskit/color-picker";
41
- var packageVersion = "3.2.7";
41
+ var packageVersion = "3.2.9";
42
42
  var ColorPickerWithoutAnalytics = exports.ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
43
43
  (0, _inherits2.default)(ColorPickerWithoutAnalytics, _React$Component);
44
44
  var _super = _createSuper(ColorPickerWithoutAnalytics);
package/dist/es2019/components/ColorCard.js CHANGED
@@ -64,8 +64,10 @@ const ColorCard = props => {
64
64
  onMouseDown: handleMouseDown,
65
65
  onKeyDown: handleKeyDown,
66
66
  role: "radio",
67
- "aria-checked": selected,
68
- "aria-label": label,
67
+ "aria-checked": selected
68
+ }, !getBooleanFF('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
69
+ 'aria-label': label
70
+ }, {
69
71
  tabIndex: 0
70
72
  }, getBooleanFF('platform.color-picker-radio-button-functionality_6hkcy') && {
71
73
  ref: ref
@@ -89,8 +91,10 @@ const ColorCard = props => {
89
91
  onMouseDown: handleMouseDown,
90
92
  onKeyDown: handleKeyDown,
91
93
  role: "radio",
92
- "aria-checked": selected,
93
- "aria-label": label,
94
+ "aria-checked": selected
95
+ }, !getBooleanFF('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
96
+ 'aria-label': label
97
+ }, {
94
98
  tabIndex: 0
95
99
  }, getBooleanFF('platform.color-picker-radio-button-functionality_6hkcy') && {
96
100
  ref: ref
@@ -146,8 +150,8 @@ const colorCardContentCheckMarkStyles = css({
146
150
  const sharedColorContainerStylesNew = css({
147
151
  display: 'inline-block',
148
152
  position: 'relative',
149
- width: "var(--ds-space-300, 32px)",
150
- height: "var(--ds-space-300, 32px)",
153
+ width: "var(--ds-space-400, 32px)",
154
+ height: "var(--ds-space-400, 32px)",
151
155
  border: '2px solid transparent',
152
156
  boxSizing: 'border-box',
153
157
  borderRadius: "var(--ds-border-radius-200, 6px)",
package/dist/es2019/components/ColorPaletteMenu.js CHANGED
@@ -26,7 +26,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
26
26
  attributes: {
27
27
  componentName: 'color-picker',
28
28
  packageName: "@atlaskit/color-picker",
29
- packageVersion: "3.2.7"
29
+ packageVersion: "3.2.9"
30
30
  }
31
31
  })(createAnalyticsEvent);
32
32
  }
@@ -68,7 +68,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
68
68
  export default withAnalyticsContext({
69
69
  componentName: 'color-picker',
70
70
  packageName: "@atlaskit/color-picker",
71
- packageVersion: "3.2.7"
71
+ packageVersion: "3.2.9"
72
72
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
73
73
  const colorCardWrapperStylesOld = css({
74
74
  display: 'flex',
package/dist/es2019/components/ColorPicker.js CHANGED
@@ -21,7 +21,7 @@ const defaultPopperProps = {
21
21
  placement: 'bottom-start'
22
22
  };
23
23
  const packageName = "@atlaskit/color-picker";
24
- const packageVersion = "3.2.7";
24
+ const packageVersion = "3.2.9";
25
25
  export class ColorPickerWithoutAnalytics extends React.Component {
26
26
  constructor(...args) {
27
27
  super(...args);
package/dist/esm/components/ColorCard.js CHANGED
@@ -60,8 +60,10 @@ var ColorCard = function ColorCard(props) {
60
60
  onMouseDown: handleMouseDown,
61
61
  onKeyDown: handleKeyDown,
62
62
  role: "radio",
63
- "aria-checked": selected,
64
- "aria-label": label,
63
+ "aria-checked": selected
64
+ }, !getBooleanFF('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
65
+ 'aria-label': label
66
+ }, {
65
67
  tabIndex: 0
66
68
  }, getBooleanFF('platform.color-picker-radio-button-functionality_6hkcy') && {
67
69
  ref: ref
@@ -85,8 +87,10 @@ var ColorCard = function ColorCard(props) {
85
87
  onMouseDown: handleMouseDown,
86
88
  onKeyDown: handleKeyDown,
87
89
  role: "radio",
88
- "aria-checked": selected,
89
- "aria-label": label,
90
+ "aria-checked": selected
91
+ }, !getBooleanFF('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
92
+ 'aria-label': label
93
+ }, {
90
94
  tabIndex: 0
91
95
  }, getBooleanFF('platform.color-picker-radio-button-functionality_6hkcy') && {
92
96
  ref: ref
@@ -142,8 +146,8 @@ var colorCardContentCheckMarkStyles = css({
142
146
  var sharedColorContainerStylesNew = css({
143
147
  display: 'inline-block',
144
148
  position: 'relative',
145
- width: "var(--ds-space-300, 32px)",
146
- height: "var(--ds-space-300, 32px)",
149
+ width: "var(--ds-space-400, 32px)",
150
+ height: "var(--ds-space-400, 32px)",
147
151
  border: '2px solid transparent',
148
152
  boxSizing: 'border-box',
149
153
  borderRadius: "var(--ds-border-radius-200, 6px)",
package/dist/esm/components/ColorPaletteMenu.js CHANGED
@@ -28,7 +28,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
28
28
  attributes: {
29
29
  componentName: 'color-picker',
30
30
  packageName: "@atlaskit/color-picker",
31
- packageVersion: "3.2.7"
31
+ packageVersion: "3.2.9"
32
32
  }
33
33
  })(createAnalyticsEvent);
34
34
  }
@@ -70,7 +70,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
70
70
  export default withAnalyticsContext({
71
71
  componentName: 'color-picker',
72
72
  packageName: "@atlaskit/color-picker",
73
- packageVersion: "3.2.7"
73
+ packageVersion: "3.2.9"
74
74
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
75
75
  var colorCardWrapperStylesOld = css({
76
76
  display: 'flex',
package/dist/esm/components/ColorPicker.js CHANGED
@@ -29,7 +29,7 @@ var defaultPopperProps = {
29
29
  placement: 'bottom-start'
30
30
  };
31
31
  var packageName = "@atlaskit/color-picker";
32
- var packageVersion = "3.2.7";
32
+ var packageVersion = "3.2.9";
33
33
  export var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
34
34
  _inherits(ColorPickerWithoutAnalytics, _React$Component);
35
35
  var _super = _createSuper(ColorPickerWithoutAnalytics);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/color-picker",
3
- "version": "3.2.7",
3
+ "version": "3.2.9",
4
4
  "description": "Jira Color Picker Component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -47,6 +47,7 @@
47
47
  "react": "^16.8.0"
48
48
  },
49
49
  "devDependencies": {
50
+ "@af/visual-regression": "*",
50
51
  "@atlaskit/primitives": "^5.5.0",
51
52
  "@atlaskit/visual-regression": "*",
52
53
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -82,6 +83,9 @@
82
83
  },
83
84
  "platform.design-tokens-color-picker-portfolio-plan-wizard_w8rcl": {
84
85
  "type": "boolean"
86
+ },
87
+ "platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i": {
88
+ "type": "boolean"
85
89
  }
86
90
  }
87
91
  }